Default progress bar.

Remove the <span> with .sr-only class from within the progress bar to show a visible percentage.

Add .active to .progress-bar-striped to animate the stripes right to left. Not available in IE9 and below.

Place multiple bars into the same .progress to stack them.

You can crate rounded progress bars by adding .progress-rounded class to .progress

Progress bars use some of the same button and alert classes for consistent styles.

Uses a gradient to create a striped effect. Not available in IE8.

You can also change progress bar size easily by adding one of .progress-sm .progress-md .progress-lg classes to .progress