30 Days Trail
To create a default progress bar, add a .progress class to a <div> element:
.progress
<div>
Remove the .sr-only class from the progress bar to show a visible percentage:
.sr-only
The contextual classes that can be used with progress bars are .progress-bar-primary, .progress-bar-success, .progress-bar-info, .progress-bar-danger,
.progress-bar-primary
.progress-bar-success
.progress-bar-info
.progress-bar-danger
Add class .progress-bar-striped to add stripes to the progress bars:
.progress-bar-striped
Add class .active to animate the progress bar:
.active
Create a stacked progress bar by placing multiple bars into the same <div class="progress">:
<div class="progress">