Single Element CSS Spinners

There are eight progress indicators included with the Single Element CSS Spinners package, and they can be used all on the same page without conflicting with each other.

This is mainly because they're animated via CSS 3, so if you don't apply two different spinner classes to the same HTML element, there won't be any problems using them.

To apply it to a page element, the developer needs to add a simple class to the HTML element he wants to mask or mark as "loading". When the operation finishes, just remove the class and the spinner will disappears as well.

To do this, some JavaScript coding might be involved, but this is considered trivial even for a JS beginner.

Requirements:

• CSS 3 enabled browser