Bootstrap progress bar

<div class="progress">
  <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
</div>

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 bootstrap

<div class="progress">
    <div class="progress-bar progress-bar-striped bg-success w-25"> 25% </div>
</div>

Bootstrap progress bar

<div class="progress">
  <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>

Source: getbootstrap.com

Similar codes

16 votes177 views2 answers
Html link to download file
Html
0 vote194 views1 answer
Validate text is html format C#
Html
0 vote188 views1 answer
Simbolo checkbox en tabla en html
Html
4 votes187 views1 answer
A href to other site
Html
1 vote219 views2 answers
Dml
Html
0 vote306 views1 answer
Read://https_www.panasonic.com/?url=https://www.panasonic.com/au/consumer/home-entertainment/recorders/dmr-bwt460gn.html?3739a18c-0c68-43cc-a4cb-b8b99e9bfd72=6cb7fd12-772f-4ee2-8a01-afb56e69bb62
Html
0 vote199 views1 answer
Icon for right arrow
Html
14 votes192 views4 answers
Html a link to section on page
Html
3 votes220 views4 answers
Input type color
Html
0 vote254 views3 answers
Materialize box
Html