Basic Progress Bar

To create a default progress bar, add a .progress class to a

element:

Labels

To create a default progress bar, add a .progress class to a

element:
25%
50%
75%
90%

Striped

To create a default progress bar, add a .progress-bar-striped class to a

element:
25%

Animated Progress Bar

To create a default progress bar, add a .progress-bar-striped and .progress-bar-animated class to a

element:

Animated Labels

To create a default progress bar, add a .progress-bar-striped and .progress-bar-animated class to a

element:
25%
50%
75%
90%

Heights

To create a height progress bar, add a .progress-bar class to a

element: