Beast | Responsive Admin Template

Progress bar

Simply use a classes .progress .progress-bar and create a progress bar.

Basic

Basic With Title

60%

Variations

Striped

Simply use a classes .progress-bar-striped and create a striped progress bar.

Stacked

Animated

Simply use classes .progress-bar-striped .progress-bar-animated and create a striped progress bar.

vertical Different size

Use a class .progress-bar-vertical

Vertical Complex Usage

90
%

Progress bar variation

Use a class .progress-rounded

Basic rounded

60%

square style

Use a class .progress-square

Progress bar with different size

4 Pixel height

Use a class .progress-xs-height

8 Pixel height

Use a class .progress-sm-height

12 Pixel height

Use a class .progress-lg-height

20 pixel height

Progress Bars