Question

请帮帮我。在IE中我需要有关进度条问题的建议。它应该是动画的，如http://www.webappers.com/progressBar/中所示。我下载了jquery.backgroundpos.js，但它仍然适用于IE。在Chrome中，它在水平方向上动画，在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

IE8的脚本动画进度条

2 个答案: