I installed the animated Progress Bar from the jQuery UI website onto my website using such simple code:

<script type="text/javascript"> $(function() { $("#progressbar").progressbar({ value: 35 }); }); </script> <div id="progressbar"> </div> 

How can I change the color of the progress bar itself? Plus, there was also an idea to do so - from 0% to 20% - the color is red, from 20% to 70% yellow, from 70% to 100% to use green. Thanks in advance for any help ..

  • And how to make it move while the file is being uploaded. What would show how the file is loaded at the moment. - webkostya

2 answers 2

Look here, something like what you describe Progress Bar

  • Listen, please tell me how to do this so that when loading a file this value moves ??? - webkostya

Good day!
It is necessary to process progresschange . In the same place, on a site which have specified in a post, there is an Event tab, look at examples there. Just as an option, you can delve into styles.
UPD: And about the multi-colored progress bar, you can try to draw 3 pictures with three colors, and replace it with a standard color, as far as "progress" or already delve into the progressBar widget source.