jQuery Waiting - spinners and progress bars

Get Started

Highly Recommended

It is important to let your users know what they're doing, waiting! For the developer they need support in every browser, easy customization, and efficiency. Even though all this is possible with fancy CSS transformation, many browsers won't support it (IE < 10). jQuery Waiting uses standard, widely accepted css to style your waiting spinner, and a little jQuery to make it function. Best of all it works with Zepto too!

Donation

Download

Version

Version 0.3

Last updated on 06/25/2013

jQuery Waiting is currently available for use in all personal or commercial projects under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly.

The Methods

// Initialize a waiting instance
$el.waiting({});
// Enable a waiting, only begins playing if auto: true
$el.waiting('enable');
// Play the animation
$el.waiting('play');
// Pause the animation, leaves all animations styles in place
$el.waiting('pause');
// Disable a waiting, removes all animation styles
$el.waiting('disable');
// Destroy a waiting
$el.waiting('destroy');
// Get or set an option. When value is provided a Set takes place
// If only the key is provided the value will be retrieved
$el.waiting('option', key, value);
// if an object is passed each setting will be applied
$el.waiting('option', { speed: 500 });
// set global defaults
$.waiting.setDefaults({ auto: true });

The Events

// when the control is enabled/created
$el.bind('enable.waiting', function(e){});
// when the control starts playing
$el.bind('play.waiting', function(e){});
// when the control is paused
$el.bind('pause.waiting', function(e){});
// when the control is disabled
$el.bind('disable.waiting', function(e){});
// when the control is destroyed
$el.bind('destroy.waiting', function(e){});