Thema Admin Boostrap Template

Color Switcher

Thema Admin

## Thema Progress bar

Thema bootstrap progress bar.

## Progress bar

### Basic example

Default progress bar.

60% Complete

### With label

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

70%

### Stacked

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

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

### Squared

You can crate squared progress bars by adding `.progress-squared` class to `.progress`.

35%

### Animated

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

45% Complete

### Contextual alternatives

Progress bar with color state.

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

### Striped

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

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

#### Sizing

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

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

### Live running progress bar with display percentage

For more info you can visit bootstrap progress bar plugin here.