Basic Progress

Reticulating splines… 0%
Reticulating splines… 25%
Reticulating splines… 50%
Reticulating splines… 75%
Reticulating splines… 100%

Colored Progress

Use class .progress-bar-{color-name}. to choose color of your choice

Labeled Progress

20%
40%
60%
80%
100%

Striped Progress

Uses a gradient to create a striped effect, add .progress-bar-striped with .progress-bar class.

Animated Progress

To get progressbar with animated effect, add .progress-bar-animated with .progress-bar class.

Progress Sizes

For Default progress, No size class needed. you can use class .progress-{sm|md|lg|xl} with .progress to change size of your progress bar.

Theme Customizer

Customize & Preview in Real Time
Menu Colors

Theme Layout
Light
Dark
Semi Dark

Collapse Sidebar
Collapse Menu

Navbar Colors

Footer Type

Hide Scroll To Top
Buy Now