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