Progress bars

A basic progress bar is a rectangular bar that fills according to the level of progress achieved. These bars are mainly used for the purpose of showing current progress regarding an action.

Here is the code to create progress bars:

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

Get Web Developer's Reference Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.