Feb 11, 2009

JQuery Progress Bar 1.2

Author: gaweee | Filed under: development, howto
jQuery progressBar screenshot

Thanks for all the comments and feedback! By popular request i’ve added the multi-colored progress bar and fixed some bugs. The new multi-colored bar changes from red to orange and then to green at configurable intervals. Check out the demo!

Since the last update this endeavour has seen comments claiming that it works and sometimes that it doesnt. I’ve tested the demo across Safari, Opera, IE6/7, Firefox and Chrome. Havent found any problem. For those of you who have problems, please do email me the problem.

Download the new jQuery progressbar here: jQuery progressbar
or view the demo here


This entry was posted on Wednesday, February 11th, 2009 at 5:58 am and is filed under development, howto. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

read users' comments (11)

11 Responses to “JQuery Progress Bar 1.2”

  1. andy65007 Says:
    June 12th, 2010 at 2:53 am

    After the progress bar crashed, I checked the source code and find this line is not execute successful:
    (version:1.2 line:150) “config.running_value += config.increment;”
    the config.running_value can be 0 in string format, if the code execute, the value of config.running_value will “03″ (if config.increment is 3), so I change this line to
    “config.running_value = parseInt(config.running_value) + parseInt(config.increment);”, it runs ok now. :)

  2. Dixon Siu Says:
    June 11th, 2009 at 12:52 am

    Hi Mr. Toe,

    Thanks for creating such a simple plugin.

    I am currently developing a web application which use jQuery and your plugin (Progress Bar). I am wondering what licences are binded to your plugin? Since it is not stated in the js file. I would have to get your permission to use it. For example, if it is MIT licence, then it will be great. Can you inform of your plugin’s licence terms.

    I am looking forward to receiving your reply soon.

    Regards,
    Dixon

  3. Paulo Says:
    April 12th, 2009 at 3:17 pm

    Nice plugin! But I am having a big problem, when I make a progress bar for long time, like hours, I get 100% of my CPU bacause the call x.progressbar(percentage). I believe this method create a prototype, doesn’t it?
    There is a way to get a reference of that object and use it only?
    Thanks in advance!

  4. ian Says:
    April 3rd, 2009 at 7:22 am

    Works great. I was just wondering what the speed config is, I’ve changed it between 1 and 400 and the speed still seems pretty much the same (i dunno, maybe my browser is caching the js file). It would be great if it went a bit slower so it looked as if it was a continuous process (rather than based upon intermediate ajax calls). Great job anyway. Cheers.

  5. kyle Browning Says:
    March 27th, 2009 at 9:13 pm

    Bug in safari, when the progress is hidden inside an iframe, and you try to add a bar image, it falls back to the config.default.

  6. Angellica Cardozo Says:
    March 25th, 2009 at 12:21 pm

    Such a pretty blog!

  7. hsd Says:
    February 26th, 2009 at 9:06 am

    where is the file upload code ??

  8. simon Says:
    February 25th, 2009 at 4:03 pm

    Hi, the progressbar don’t work with safari (v.3.2.2) and opera (v.9.63).

  9. tim Says:
    February 24th, 2009 at 5:26 pm

    jquery.progressbar.1.1.zip == jquery.progressbar.1.2.zip

  10. links for 2009-02-22 | This Inspires Me Says:
    February 22nd, 2009 at 6:04 am

    [...] JQuery Progress Bar 1.2 (tags: jquery javascript progress) [...]

  11. testatt Says:
    February 13th, 2009 at 9:11 am

    good

Leave a Reply


Most Popular

Recent Comments

Latest Entries