My Javascript (non-AJAX) Progress / Percentage Bar : jsProgressBarHandler 0.3

jsprogressbarhandlerajax.jpgA new version of jsProgressBarHandler is avaiable. Changes are a bugfix to making multiple barImages properly work with Safari and addition of an internal queue.

What is jsProgressBarHandler all about?

jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App. Version 0.1 was a mere rewrite to PrototypeJS of the version by WebAppers whilst version 0.2 was a full structural rewrite. Version 0.3 builds upon 0.2 by making it all more robust.

So, what has changed?

Internally jsProgressBarHandler now uses a queue on which it stacks the percentages to move to. This prevents the progressbar from freaking out when multiple simultaneous (viz. on the very same moment) calls to setPercentage() are made. jsProgressBarHandler will push all percentages on that queue, and process them one by one.

Anything else has changed?

Yes! jsProgressBarHandler user Chris brought to my attention that the multiple barImages option did not work properly in Safari. Reason was that Safari handles the object.constructor (which jsProgressBarHandler uses to determine if a parameter is an Array or not) differently than other browsers. (FYI: A working version of isArray() has been posted on bram.us by now ;))

Cool, is there a demo?

jsProgressBarHandler Demo

TIP: At the multicolor bar at the bottom, click that -icon a few times to see the internal queue in effect ;)

Please note that next to the demo above even an AJAX demo exists!

Where can I download it?

Right here:

http://www.bram.us/wordpress;/wp-content/uploads/2008/02/jsprogressbarhandler_030.zip;Download jsProgressBarHandler 0.3.0;

WARNING! This version is outdated!
Grab the latest version over at the jsProgressBarHandler Project Page

Wow, you’re going to fast: I have a question, I need help, I need more info, how do I configure this thing?

Another Dailie, Bramus!, javascript, JS_BRAMUS, Projects, Webdevelopment

One Response to My Javascript (non-AJAX) Progress / Percentage Bar : jsProgressBarHandler 0.3

  1. Pingback: Bram.us » My Maintenance : jsProgressBarHandler 0.2.1

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>