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

7 votes281 views1 answer
Meta viewport
Html
11 votes323 views2 answers
Html vedio
Html
0 vote408 views1 answer
Radio button unchecked html jquery
Html
-103 votes331 views10 answers
Date
Html
0 vote330 views1 answer
React bootstrap 5 doesn't apply styles
Html
23 votes308 views1 answer
Accept only image input file
Html
0 vote311 views1 answer
Tutorialspoint html
Html
1 vote305 views1 answer
Html table tfoot after thead
Html
5 votes323 views2 answers
Alt html
Html
0 vote345 views3 answers
Datatable in html
Html