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

2 votes235 views2 answers
Emojis in html
Html
0 vote214 views1 answer
How to play a s3 video url in html video tag?
Html
-1 vote194 views1 answer
How to automatically scroll text in HTML
Html
26 votes212 views3 answers
Line under text html
Html
0 vote195 views1 answer
Remove cell border css
Html
10 votes202 views1 answer
Input type="file" and display image
Html
1 vote243 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
0 vote217 views1 answer
Object to string angular html
Html
1 vote141 views1 answer
How to remove .php .html extension with .htaccess
Html
0 vote225 views1 answer
Render text as html react
Html