анимированный индикатор выполнения скриптом для IE8

Question

Пожалуйста, помогите мне. Мне нужен совет по проблеме с индикатором выполнения в IE. Это должно быть анимировано, как показано в http://www.webappers.com/progressBar/. Я скачал jquery.backgroundpos.js, но все же он странно работает для IE. В хроме он анимируется с горизонтальным направлением, в IE - с вертикальным. Как это могло произойти? И другая проблема - анимация идет только на какой-то период времени, который мы определяем. Мне нужен цикл, независимый от времени, только пользовательский aciton.

Answer 1

Существует простое решение без какого-либо плагина. 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%");

Answer 2

Вы можете показать скрипку этого или живой пример для получения дополнительной помощи.

Для первой проблемы, не глядя на код, помните, что background-position принимает 2 аргумента x px y px.Может быть, что IE анимирует разные, если указано только одно направление, например background-position: -5px