Customizable Loading Indicator Without Image: Spin.Js

Spin.js is a JavaScript library that enables us to generate customizable loading indicators without images.

It creates the UI with CSS3 (VML in Internet Explorer) and works in all browsers (even in IE6).

The spinners can be customized in several ways like setting the number of lines, their color, length, width, radius, speed of the animation and the trail effect. Such a flexibility ends up in many possible variations.

t

Features

• No images, no external CSS
• No dependencies (jQuery is supported, but not required)
• Highly configurable
• Resolution independent
• Uses VML as fallback in old IEs
• Uses @keyframe animations, falling back to setTimeout()
• Works in all major browsers, including IE6
• MIT License

And, Spin.js weights only 1.7kb gzipped which is smaller than an animated GIF file in most cases.

Requirements: No Requirements
Compatibility: All Major Browsers
Website: http://fgnass.github.com/spin.js/
Download: https://github.com/fgnass/spin.js