如何動畫Twitter的引導3個進度欄在Internet Explorer 9，10：

我怎樣才能獲得Twitter的引導3個進度條動畫和互聯網顯示進度Explorer 9中，10：如何動畫Twitter的引導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>

來源

2013-10-22 Milligran

在進度條

剝離動畫是不是IE

可用特徵

從Docs:

動畫

添加到。主動.progress條紋動畫條紋權向左。 不適用於所有版本的IE。

UPDATE

引導3.0.3 -沒有在IE9和下面可用。

來源

2013-10-23 07:48:26 equisde

如果瀏覽器使用jQuery動畫方法IE lte 9。

實施例：

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

同樣增加寬度百分比來顯示增量。

併爲動畫條添加下面選擇器IE特定的CSS文件。

創建一個新的CSS文件ie.css如果不存在或任何合適的。通過Minddust https://github.com/minddust/bootstrap-progressbar

它擴展了基本的Twitter的引導進度條自舉jQuery插件

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

來源

2013-10-23 08:10:26 vinaykrsharma

這裏是鏈接到Github上庫：

添加此選擇。它提供了通過添加Javascript和預先存在的css轉換來爲進度條設置動畫的功能。此外，您可以在欄中顯示當前進度信息或通過回調獲取該值。

根據您的便利性，您可以在任何事件中使用它。

來源

2014-03-25 07:08:53

如何動畫Twitter的引導3個進度欄在Internet Explorer 9，10：

回答

相關問題