Javascript 如何在Internet Explorer中设置Twitter Bootstrap 3进度条的动画9、10：

如何让Twitter Bootstrap 3进度条在Internet Explorer 9、10中设置动画并显示进度：

当在Mozilla或Chrome中显示时，我可以看到进度指示器移动和剥离动画，但在IE中看不到

以下是进度条的div：

<div class="progress progress-striped active" style="width:100px">
    <div id="myprogress"
         class="progress-bar progress-bar-success"
         role="progressbar"
         aria-valuenow="40"
         aria-valuemin="0"
         aria-valuemax="100"
         style="width: 0%">  
    </div>
</div>

我正在使用默认的jQuery文件上载UI显示进度：

<script type="text/javascript"
        src="/Content/bootstrap/js/jquery.fileupload.js"></script>

<script type="text/javascript"
        src="/Content/bootstrap/js/jquery.fileupload-ui.js"></script>

---

IE上没有剥离动画进度条功能

从

动画

Add.active to.progress striped可从右向左设置条纹动画并非在IE的所有版本中都可用。

更新

---

Bootstrap 3.0.3-在IE9及以下版本中不可用。

如果浏览器

IE lte 9

，请使用jQuery动画方法

例如：

jQuery('#myprogress').animate({width:'1%'});

同样，增加宽度百分比以显示增量

对于动画条，在IE特定css文件的选择器下方添加

如果不存在或任何合适的文件，请创建一个新的CSS文件

ie.CSS

添加此选择器：

.progress-striped .progress-bar {
  background-image: url("an-animated-stripped-image.gif");
  background-repeat: repeat-x;
}

---

以下是Minddust指向Github存储库的链接

一个引导jquery插件，它扩展了基本的twitter引导progressbar。它提供了通过添加Javascript并结合先前存在的css转换来设置progressbar动画的能力。此外，您可以在栏中显示当前进度信息，或通过回调获取值

您可以根据自己的方便将其用于任何活动