Visual-Blast Media

Free web resources for designers and web developers | Tutorials, Scripts, Graphics, Photoshop, CSS

dwProgressBar - Animated MooTools Progress Bars

July 7th, 2008 in Javascript | Tags: | No Responses

A customizable MooTools progress bar class that animates to the desired percentage. All you need to do is create an instance of the dwProgressBar and pass your desired options.

Mootools Progress Bar

The class accepts the following options:

  • container: element that the entire progress bar gets placed in
  • boxID: the IDof the progress bar’s containing DIV
  • percentageID: the ID of the progress bar’s animated/sliding DIV
  • displayID: the ID of the progress bar’s “{x} %” text DIV
  • startPercentage: the percentage at which you’d like the progress bar to start at (defaults to 0)
  • displayText: Boolean. Do you want the progress bar to show the percentage in text format too?
  • speed: speed of the animation to the given percentage
Welcome, Visitor. Subscribe to our RSS Feed and consider adding this article/site to your favorite social bookmark site if you find it useful. Thank you!
Digg it Add to Del.icio.us Stumble | Subscribe to RSS

July 7th, 2008 in Javascript | Tags: | Trackback

Related Posts:

Comments are closed.

Translations

English flagItalian flagKorean flagChinese (Simplified) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag