Question

Please, help me. I need an advice in problem with progress bar in IE. It should be animated, as showed in http://www.webappers.com/progressBar/.
I downloaded jquery.backgroundpos.js, but still it works weird for IE. In chrome it animates with horizontal direction, in IE – with vertical. How could this be?
And the other problem – animation goes only for some period of time, wich we define. I need the cycle independet from time, just user aciton.

Answer 1

There is a simpler solution without any plugin.
HTML:

<div id="blank_bar"><div id="filled_bar"></div></div>

CSS:

#blank_bar{
     width: 100px; //barwith
     background:   //empty bar background
}

#filled_bar{
     width: 30%;   // completion percentage
     background:   // your background without repeat
}

Javascript:

$("#filled_bar").css("width","newpercentage%");