Default progress bar.

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

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

Place multiple bars into the same .progressto stack them.

You can crate rounded progress bars by adding .progress-roundedclass 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-lgclasses to .progress