prettyLoader

prettyLoader is a small (less than 4kb uncompressed) jQuery plugin that aim at making your life easier regarding ajax loader display.

You know, when you do an ajax call and you never quite know where to position your loader. prettyLoader takes care of that for you, by default, prettyLoader will “hook” to the jQuery ajax function and display a nice spinning circle next to the mouse cursor and hide it once the ajax call is complete, neat no?

You don’t even have to bother calling any additional javascript, prettyLoader takes care of that for you.

Documentation

Please see this page for the complete (and quite simple) plugin documentation.

Download

Production version
Compressed
Development version
Uncompressed

Browser support

This plugin has been tested and works in the following browsers:

  • Firefox 2.0+
  • Safari 3.1.1+
  • Opera 9+
  • Internet Explorer 6.0+

Demos

Show loader

Show loader for 2 seconds

Hide loader

Load ajax content

Ajax container

Version history

  • 1.0.1: Fixed loader position on scroll, now bind the events only when the loader is showed (thanks to Sylvain), added a check to validate if the loader is accessible and display an error in the case the path is broken.
  • 1.0: Initial release of prettyLoader.

Copyright

This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones, just leave my informations at the top of the files. Donations are always welcome.

Donations

I’ve spent a lot of time to develop/support this script. You liked it? Feel free to donate!