Basic Progress Bar
To create a default progress bar, add a .progress to first element and .progress-bar class to the second
Striped Progress Bar
To create a striped progress bar, add a .progress to first element and .progress-bar .progress-bar-striped class to the second
To create an animated progress bar, add a .progress to first element and .progress-bar .progress-bar-striped .progress-bar-animated class to the second and type your label between the elements
25%
50%
75%
100%
25%
50%
75%
100%
25%
50%
75%
100%
Animated
To create an animated progress bar, add a .progress to first element and .progress-bar .progress-bar-striped .progress-bar-animated class to the second
To create a small animated progress bar, add a .progress .progress-sm to first element and .progress-bar .progress-bar-striped .progress-bar-animated class to the second
  • 15 mns ago
  • 21 mns ago
  • 35 mns ago
  • 47 mns ago
  • 1 hour ago
  • 1 day ago
  • 15 mns ago
  • 21 mns ago
  • 35 mns ago
  • 47 mns ago
  • 1 hour ago
  • 1 day ago
  • User Avatar

    @frankwilliams 15 mns ago
  • User Avatar

    @mollysims 21 mns ago
  • User Avatar

    @johndoe 35 mns ago
  • User Avatar

    @frankwilliams 47 mns ago
  • User Avatar

    @nellyfrank 1 hour ago
  • User Avatar

    @bertkramp 1 day ago
  • User Avatar

    @frankwilliams 15 mns ago
  • User Avatar

    @mollysims 21 mns ago
  • User Avatar

    @johndoe 35 mns ago
  • User Avatar

    @frankwilliams 47 mns ago
  • User Avatar

    @nellyfrank 1 hour ago
  • User Avatar

    @bertkramp 1 day ago

Header Color

White

Dark

Primary

Danger

Success

Info

Warning

Quaternary

Quinary

Senary

Septenary

Octonary

Nonary

Denary

Sidebar Color

Dark

White

Sidebar Layout

Toggle the left sidebar's state (open or collapse)

Sowh hide Sidebar in minimum size