Menu
Community /Pin to ProfileBookmark
The idea is really simple:
I need a progress bar, not linked to anything, which exists out of multiple div's that represent the bars, like this:
[URL=http://imageshack.us/photo/my-images/849/barol.jpg/]
[IMG]http://img849.imageshack.us/img849/1692/barol.jpg[/IMG][/URL]
To make it look like the loadingbar is filling up, each div have to change background-color one after another. I have got this all working, but when the last div (bar) has changed background-color, it just freezes, where instead, the script needs to change all div's back to the original css class (with the original bg color) and let the script start over again.
I put all the code and html and css in Fiddle, so you can test and change it for testing purposes, this seems to be more suitable than posting it on the forum itself?
http://jsfiddle.net/6WQ2S/ (great tool to test code btw!)
I hope this information is sufficient!
Javascript check if <li> is last subling and change class of all
Hi,
In my effort as a javascript newbie i’m trying to create a nothing too special progress bar. I’m this far that the li’s (bars) get a different color after another, but in the end it needs to change all bars back to the original class and start over. How do I accomplish this?
See [url]http://jsfiddle.net/6WQ2S/
Thanks!
Sign in
to post a comment10 Comments(s) ↴
0
@daanvhMay 18.2011 — #Thanks ? The idea is really simple:
I need a progress bar, not linked to anything, which exists out of multiple div's that represent the bars, like this:
[IMG]http://img849.imageshack.us/img849/1692/barol.jpg[/IMG][/URL]To make it look like the loadingbar is filling up, each div have to change background-color one after another. I have got this all working, but when the last div (bar) has changed background-color, it just freezes, where instead, the script needs to change all div's back to the original css class (with the original bg color) and let the script start over again.
I put all the code and html and css in Fiddle, so you can test and change it for testing purposes, this seems to be more suitable than posting it on the forum itself?
I hope this information is sufficient!