极速赛车5码计划方法

To create a default progress bar, add a .progress class to a <div> element:

70% Complete

极速赛车5码计划方法

Remove the .sr-only class from the progress bar to show a visible percentage:

70%

极速赛车5码计划方法

The contextual classes that can be used with progress bars are .progress-bar-primary, .progress-bar-success, .progress-bar-info, .progress-bar-danger,

40% Complete (primary)
40% Complete (success)
50% Complete (info)
60% Complete (warning)
70% Complete (danger)

极速赛车5码计划方法

Add class .progress-bar-striped to add stripes to the progress bars:

40% Complete (primary)
40% Complete (success)
50% Complete (info)
60% Complete (warning)
70% Complete (danger)

极速赛车5码计划方法

Add class .active to animate the progress bar:

40%
40%
40%
40%
40%

极速赛车5码计划方法

Create a stacked progress bar by placing multiple bars into the same <div class="progress">:

Free Space
Warning
Danger