### Progress Bar

##### Basic Progress

Use the `.progress` as a wrapper to indicate the max value of the progress bar.

##### Backgrounds

Use background utility classes to change the appearance of individual progress bars.

##### Striped Progress

Add `.progress-bar-striped` to any `.progress-bar` to apply a stripe via CSS gradient over the progress bar’s background color.

##### Progress Height

We only set a `height` value on the `.progress`, so if you change that value the inner `.progress-bar` will automatically resize accordingly. Use `.progress-sm`,`.progress-md`,`.progress-lg`,`.progress-xl` classes.

##### Progress with Labels

Add labels to your progress bars by placing text within the `.progress-bar`.

10%
20%
40%
60%
80%

##### Multiple Bars with Sizes

You can include multiple progress components inside a container with `.progress-stacked` to create a single stacked progress bar.

##### Animated Stripped Progress

The striped gradient can also be animated. Add `.progress-bar-animated` to `.progress-bar` to animate the stripes right to left via CSS3 animations.

##### Gradient Progress

Add `.bg-primary-gradient` to any `.progress-bar` to apply a CSS gradient over the progress bar’s background color.