Animated GIF files are the widely-used format for displaying “loader…” images.

Sonic is a tiny JavaScript class for creating such loader images with HTML5 canvas.

It works by drawing a shape at tiny intervals along a pre-defined, custom path where sizes, colors or fps can all be customized.

There are ready-to-use examples provided and a web-based Sonic Creator exists for creating loaders and getting them as a HTML5 canvas code, animated GIF or a sprite image with the CSS3 code.

Today's internet speed and how fast the websites/apps work have almost removed "the need to wait for something to load".

On the contrary, there are still cases that a web user has to wait and it is always a good idea to visualize the process with an attractive loader.

Percentage Loader is a jQuery plugin which makes use of HTML5 canvas (no images) for creating a very good looking loader.

The loader is only 10kb (minified), can also be used as a drag 'n' drop supported controller (like a circular volume button) and multiple instances of it can be displayed in the same page.

CSSload is a free and web-based application that can generate loading spinners/bars with pure CSS.

The application offers several (currently 6) loader types and they can be customized in means of color, size and animation speed.

It uses the animation, transitions and transforms capabilities of CSS3 and compatible with browsers supporting them.

If you have an ajax application and want it to rock, then you need a good looking ajax loader.

Ajax loaders are generaly simple animated gifs. Some popular types of loaders include Circle Ball, Kit, Indicator or the bar.

Ajaxload.info makes it easy to create more than 25 types of ajaxloaders with any color and speed you want.