Text spinners

Text spinners

Pure text, CSS only, font independent, inline loading indicators.

This project tries to mimic command line spinners like those from cli-spinners (where most of them are taken from) and bring them to the web. http://tawian.io/text-spinners/

Ellip
<span class="loading"></span>
Dots
<span class="loading dots"></span>
Dots 2
<span class="loading dots2"></span>
Dots 3
<span class="loading dots3"></span>
Line
<span class="loading line"></span>
Line 2
<span class="loading line2"></span>
Lifting
<span class="loading lifting"></span>
Hamburger
<span class="loading hamburger"></span>
Bar
<span class="loading bar"></span>
Bar 2
<span class="loading bar2"></span>
Circle
<span class="loading circle"></span>
Triangle
<span class="loading triangle"></span>
Bullet
<span class="loading bullet"></span>
Rhomb
<span class="loading rhomb"></span>
Toggle
<span class="loading toggle"></span>
Box bounce
<span class="loading box-bounce"></span>
Star
<span class="loading star"></span>
Words
<span class="loading words"></span>
Example usage with Bootstrap button