The progress bar component that is part of Bootstrap is expanded with several variants and some additional classes.

Default progress bar
60% Complete
Success progress bar
60% Complete (success)
Info progress bar
60% Complete
Warning progress bar
60% Complete (warning)
Danger progress bar
60% Complete (danger)
Combinations
30% Complete (success)
20% Complete (warning)
10% Complete (danger)

Sizes

A progress bar may vary in size.

Installing App

60% Complete (success)
60% Installed Authentication module.

Installing App

60% Complete (success)
60% Installed Authentication module.

Installing App

Completed 24 of 40. Installed Authentication module.
60% Complete (success) 60%

Installing App

Completed 24 of 40. Installed Authentication module.
60% Complete (success)
60%

Animations

A progress bar can show animated level of the current progress.

Installing App

60% Complete (success)
60% Installed Authentication module.

Installing App

60% Complete (success)
60% Installed Authentication module.

Installing App

60% Complete (success) 60%
Completed 24 of 40. Installed Authentication module.

Installing App

60% Complete (success)
60%
Completed 24 of 40. Installed Authentication module.
Buy Elephant Now!
  • Theme Settings
  • Header fixed
  • Sidebar fixed
  • Sidebar sticky*
  • Sidebar collapsed
  • Footer fixed
  • Sidebar sticky* - by scrolling up and down the page, the menu placed on the sidebar moves along with the content until the bottom of the menu is reached. Learn more