Progress bar bootstrap 5

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

Source: getbootstrap.com

Similar codes

0 vote251 views2 answers
Tailwind css link
Html
0 vote261 views1 answer
How to find total height of single page page in html
Html
0 vote243 views1 answer
How to create seprate flex box for adding items into the box
Html
16 votes267 views6 answers
Card in bootstrap
Html
0 vote269 views2 answers
Zoneofdevelopment
Html
0 vote269 views1 answer
Render partial view to html string dotnet core
Html
0 vote257 views1 answer
[email protected] c=a.getattribute("data-submit false");a="1"===c||"q"===c &!a.elements.q.value?!0:!1}else
Html
0 vote264 views1 answer
Eleventy loop over global data
Html
0 vote234 views2 answers
Inject text into website's textbox
Html
0 vote241 views1 answer
Html non importa immagini in webpack
Html