Progress bar bootstrap

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

9 votes235 views2 answers
Html input tag
Html
0 vote236 views1 answer
Html don't date to phone number
Html
-11 votes226 views9 answers
çeviri
Html
12 votes252 views2 answers
How to center a div on teh screen
Html
0 vote223 views2 answers
Was blocked because of a disallowed mime type (“text/html”).
Html
0 vote233 views1 answer
Date range picker select date and several weeks
Html
7 votes257 views4 answers
How change button color in html
Html
15 votes237 views2 answers
Font weight bootstrap class
Html
0 vote223 views1 answer
The __________ is the framed area on a display screen and each responsive web page needs to have a meta tag defined for this property.
Html
1 vote236 views1 answer
How change height and width in html
Html