/Html/Bootstrap progress bar with percentage

Bootstrap progress bar with percentage

<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

0 vote347 views1 answer
Html.beginform with form id
Html
37 votes338 views3 answers
Viewport meta tag
Html
0 vote354 views2 answers
How to hide youtube watermark from embedded video :2021
Html
1 vote404 views1 answer
How to set link as normal text in html
Html
-1 vote274 views1 answer
CLI configuration File in terraform ?
Html
9 votes317 views2 answers
Bootstrap 4 position relative div
Html
0 vote325 views1 answer
Ifreame on page with random video
Html
0 vote315 views1 answer
Print view fields in unformatted.html.twig drupal
Html
0 vote367 views1 answer
Call to a member function format() on string
Html
11 votes323 views1 answer
Bootstrap 4/NAVBAR
Html