Progress Bars

Progress bars and their variants.

  1. Home
  2. UI Elements
  3. Progress Bars
Progress Types
Available Styles

20% Complete (success)

30% Complete (default)

40% Complete (purple)

50% Complete (blue)

60% Complete (red)

70% Complete (black)

Striped Progressbars
40% Complete (success)

Active Progressbars
40% Complete (red)

Stacked Progressbars
15% Complete (success)
10% Complete (warning)
18% Complete (danger)
25% Complete (info)