一个js+css进度条效果，上传后ie无效，哪位朋友能指点一下，谢谢！

火狐都正常，就是IE和360无效果，如果不放到服务器，直接运行  进度条.html，360也正常，但是放到网站里，运行 进度条.html，360就不正常了，真是不懂是什么原因？

我测试是整个进度条文件夹放到网站根目录的，css和js都没变，直接运行文件夹里的 text.html，360也正常，但是通过 http://127.0.0.1/text.html这样，火狐也正常，360不行

回复讨论(解决方案)

http://127.0.0.1/text.html  这个ie下有不有问题？

text.html 的代码是如何写？

火狐都正常，就是IE和360无效果，如果不放到服务器，直接运行  进度条.html，360也正常，但是放到网站里，运行 进度条.html，360就不正常了，真是不懂是什么原因？

我测试是整个进度条文件夹放到网站根目录的，css和js都没变，直接运行文件夹里的 text.html，360也正常，但是通过 http://127.0.0.1/text.html这样，火狐也正常，360不行

IE和360都不行，只有火狐正常，test.html
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">








<script></script>










<script> <br /> $(function() { <br /> $('.progressbar').each(function(){ <br /> var t = $(this), <br /> dataperc = t.attr('data-perc'), <br /> barperc = Math.round(dataperc*2.98); <br /> t.find('.bar').animate({width:barperc}, dataperc*20); <br /> }); <br /> <br /> }); <br /> </script>

看了下，应该是css下面这段不起作用：

@-webkit-keyframes sparkle {
from {background-position:0 0;}
to {background-position:0 -64px;}
}
@-moz-keyframes sparkle {
from {background-position:0 0;}
to {background-position:0 -64px;}
}
@-o-keyframes sparkle {
from {background-position:0 0;}
to {background-position:0 -64px;}
}
@keyframes sparkle {
from {background-position:0 0;}
to {background-position:0 -64px;}
}

查看下js，css是否正常加载。

肯定能正常加载的，要不火狐怎么正常？