WebAppers

/ best free open source web resources /

Shopify

Create Spinning Progress Indicator with Spin.js

Posted · Category: MIT License, Upload

Spin.js uses the CSS3 to render the UI, falling back to VML Internet Explorer. If supported by the browser, @keyframe rules are used to animate the spinner. The spin() method creates the necessary HTML elements and starts the animation. If a target element is passed as argument, the spinner is added as first child and horizontally and vertically centered.

There is no images and external CSS for Spin.js. It is highly configurable, and works in all major browsers, including IE6. It is smaller than an animated GIF (2.8K minified, 1.7K gzipped).

spin-progress-bar

Requirements: Javascript Framework
Demo: http://fgnass.github.com/spin.js/
License: MIT License

2 Comments
  • Gis

    One more useless JS :O

  • monn

    I wouldn’t say useless. Yes its been done before. But using stuff like this is still far easier/nicer than using images imo.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons