Progress Bars

statistics, charts and events

  1. Dashboard
  2. Progress Bars
Colored Progress Bars

Just add class .progress-info etc to .progress-bar

60% Complete
20% Complete
20% Complete
70% Complete
Horizontal styles of Progress Bars

You can also add .progress-striped and .progress-bar-animated

20% Complete
85% Complete (success)
20% Complete
70%
All Size Bars

Size whatever you want just add class progress sm, md, lg

20% Complete
30% Complete
60% Complete
80% Complete
Vertical Progress Bars

You can also show progress bar in vertical

70% Complete
30% Complete
50% Complete
40% Complete