Basic Progress Bar

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

Labels

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

25%
50%
75%
90%

Striped

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

25%

Animated Progress Bar

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

Animated Labels

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

25%
50%
75%
90%

Heights

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