Busy.js: Loading indicators with overlay Canvas

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 […]

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 infoBusy.js

Source:→ Ajaxian

JavaScript, Library, Canvas, Ajax, Overlay