Fadmin

Nam libero tempore, cum soluta nobis

Basic example

Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.

60% Complete
60% Complete
60% Complete
60% Complete

Basic with lable example

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

25%
50%
75%
100%

Striped example

Uses a gradient to create a striped effect. Not available in IE9 and below.

25%
50%
75%
100%

Animated example

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