Css Progress Bar [Help]

[Rdogg]

hello i need help making my bar move with ajax or javascript , or another thing

so heres my site for demo

http://darkcyber.thvhosting.net/

heres my code :
Css



div.progress-container {
border: 1px solid #ccc;
width: 100px;
margin: 2px 5px 2px 0;
padding: 1px;
float: left;
background: white;
}

div.progress-container > div {
background-color: #ACE97C;
height: 12px
}


HTML



<div class="progress-container">
<div style="width: 95%"></div>

[bluewalrus]

Why is this called a css progress bar and in the css forum? and What do you mean need help making it move its moving now.

[Snookerman]

The bar seems to work fine, what exactly do you need help with?

[Mysterious]

Are you trying to test it in Safari Web Browser? I noticed it did not work there.

[Nile]

>.< What he wants is a bar that loads accordingly to how much the ajax page has loaded.
Try making its width: .status(in the javascritp)

[Rdogg]

thanks guys

[Medyman]

jQuery Progress Bar: http://t.wits.sg/2008/06/20/jquery-progress-bar-11/

[boogyman]

div.progress-container > div {
Just to let you know the child selector isn't supported in all browsers (IE6 and below) being the most prominent.

div.progress-container div would probably be a better solution since it is compatible with the aforementioned browsers and versions.