Christian Effenberger added another feather to his repository of canvasy goodness. This time, he has released “Busy.js”, a JavaScript library, allows you to add/remove loading indicators to html elements on your webpages (inc. overlay color & transparency). It uses unobtrusive javascript to keep your code clean. Requires no plugin/extension or any other external resource!

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade to simple quadratic shapes.

Features:

• supports Canvas and VML (identical representation)
• Fast and easy to implement (perfect for ajax applications)
• Don't need to spend time in an image editor creating gif animations
• Very flexible by multiple (optional) parameters for individual styles
• Get always a proper loading indicator independently of parent elements style
• Moves the DOM tree up to find the next parent block-level element
• Freezes the parent element visual (overlay) and technical (mouse events)
• Works with html elements even if (moz/webkit)-border-radius is activated
• In older browsers, the script degrades to simple quadratic shapes
• It's dead easy to add or remove the loading indicator to/from an html element

More info: Busy.js

Source:→ Ajaxian

JavaScript, Library, Canvas, Ajax, Overlay