Progress

Progress Bars

Normal

30%
50%
70%
90%
100%

Striped

30%
50%
70%
90%
100%

Animated

30%
50%
70%
90%
100%

Mini

Loading

Bootstrap Spinners

You can also use the following custom CSS based spinner elements.

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Icons

You can create a loading indicator by adding the class fa-spin to any Font Awesome icon. Combining it with size classes and colors, you can get a lot of variations.