Please wait...

Nexa
search
close

Progress Bars Welcome to Nexa Application

BASIC EXAMPLES

60% Complete
75%

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

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

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

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

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

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

STACKED Place multiple bars into the same .progressto stack them.

35% Complete (success)
20% Complete (warning)
10% Complete (danger)