

Highly configurable, but only work with browsers with Canvas Support.This is a really cool javascript preloader, but unfortunately your browser need to support canvas. a snake that’s trying to eat its own tail. It works best with looping animations - i.e. Sonic Looping Loader Sonic is a small (~3k minified) JS “class” you can use to create custom loading animations.Limited styles, only work in browser with Canvas Support.It will also detect to see if you have canvas support before applying the replacement. This is super helpful when developing mobile apps that might be viewed on Android. Canvas Loader This plugin replaces typical animated gif loading image with a canvas based loader of the same width and height.This work almost the same with spin.js except it relies on jQuery. Activity Indicator A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML.However I found two Javascripts - activity indicator and spin.js that support both VML (IEs support) and Canvas (Modern browsers). Unfortunately, not all of them can work in older browsers such as IE6, 7 and 8. I found total of 5 Javascript that generate loading animation. This time, I found 5 Javascript and following by 4 Animated Gif solutions to generate loading animation. It usually in Animated Gif format, however, now, we have powerful browsers and technology (VML and Canvas), loading animation is no longer restricted in animated Gif format, it can be generated with Javascript and highly customisable. It's used as an indication of something is happening behind the scene, and inform users to wait for a while. Do not under estimate it, it can make a website responsive to user interaction. Loading animation is extremely useful to letting users know that the server is processing the request. I learned to make loading animation when I was learning flash, it was flash 5! Nowadays, we see it in HTML/CSS/JS websites, especially those are AJAX driven.
