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.