Progress-bar-success bootstrap 4

Bootstrap progress bar

<div class="progress">
  <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
  <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
  <div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
  <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
  <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>

Source: getbootstrap.com

Progress-bar-success bootstrap 4

<div class="progress">
  <div class="progress-bar bg-success" style="width:20%"></div>
</div>

Similar codes

0 vote281 views1 answer
Html entity decode in sql query
Html
1 vote268 views2 answers
Bootstrap 4 vertical align td
Html
4 votes278 views2 answers
Html capitalize
Html
12 votes323 views6 answers
Input maxlength
Html
0 vote273 views1 answer
Click on a button and start downloading data html
Html
0 vote255 views1 answer
Soundcloud player html5
Html
0 vote217 views1 answer
On hover event
Html
30 votes255 views4 answers
File input html
Html
0 vote265 views1 answer
Change choose file button text
Html
0 vote265 views1 answer
MQ is not defined,
Html