BootstrapNo Comments

default thumbnail

A progress bar is used to show the progress status of a work. Progress bar is very easy to use in bootstrap

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

Using a colored progress bar in bootstrap. Just add progress bar colored classes in progress bar div. Colored classes of progress bar in bootstrap are progress-bar-success, progress-bar-warning, progress-bar-danger etc

<div class="progress">
  <div class="progress-bar progress-bar-success" role="progressbar"
  aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%">
    40% Complete (success)
  </div>
</div>

Be the first to post a comment.

Add a comment