45以上就是為了兼容IE 9+完整的css代碼，也不是很復雜，同樣的和Firefox瀏覽器一樣，它支持直接使用css來自定義進度條，所以原先在；設置進度條層，它就是一個紅色顏色層，通過長度來標示加載的進度 this_processLayerLength = 500this_processLayer = ccc4b255， 100， 100， 128， 1， 30；嵌入播放按鈕播放按鈕與flash聯系起來就可以了，或者是使用html5的默認控制條嵌入播放按鈕的方法進度條時間算法，進度像素=當前時間總時間*總像素舉個例子進度條progressBar1為名稱舉例progressBar1Maximum這里是進度。

以第一個為例 這種比較簡單，只需要兩個 div 標簽就可以了一個標簽也可以實現，后文會講到 原理介紹 外層 div 用來顯示進度條總長度以及背景色內層div用來顯示當前進度條進度，和當前進度條顏色；progress元素屬于HTML5家族，指進度條IE10+以及其他靠譜瀏覽器都支持這個默認的效果，不同瀏覽器下的效果不盡相同，如下截圖們window 7下IE10顆粒的緩動聚散效果，還是挺讓人眼前一亮的；首先，我們制作的這個進度條并沒有后臺數據作為支撐，所以是一個靠js實現的一個簡單的頁面我們首先需要新建一個html5的頁面，其使用的progress元素實在html5時代才出現的我們在新建的頁面中，輸入一個段落標簽，一個進度條；我最近也在用 ，發(fā)現如果用 $quot#rangeBorrowquotval40sliderquotrefreshquot 可以執(zhí)行，但是報錯后來，發(fā)現用prop就可以了，value會變，進度也會變 quot#rangeBorrowquotpropquotvaluequot， pAmountquot#rangeAmountquot。

先在body標簽里面嵌入一個progress標簽，max最大值設置為100，value為20，運行程序，結果如圖 運行程序，結果如圖 用CSS樣式為progress標簽設置大小，代碼如下圖3 運行程序，結果如圖 運行程序，結果如圖 看上面的運行結果，在CS；用法是menu li結合ltaddress存放地址的標簽ltprogress這個是一個進度條標簽他的主要屬性有value和maxvalue表示當前進度條位置，max表示進度條的總共長度lttime標簽放時間的標簽初步接觸html5的標簽給人的第一感覺就；最簡單的思路是， 通過js獲取到的寬度范圍，分別賦予不同的class，比如030%，給標簽class=“green”，3070%，給標簽class=“yellow”，70%100%，給標簽class=“red”；按上面的代碼運行頁面，就可以得到一個標準的進度條了progress可以設置二個參數，value和max 其中max就是進度條的最大值，一般都是設置為100 value就是當前進度的值，我們將value的值設置小一點，比如12，看下結果如；Video對象可以通過 ontimeupdate 事件來報告當前的播放進度，如果監(jiān)聽了這個事件，視頻每播放一秒都會執(zhí)行一次該事件video對象可以通過獲取 currentTime 屬性值來得到當前播放的時間var video = documentgetElementById#39video#39。

可以用html5實現，也可以做成gif的圖片，你只需要設置為和你程序設置一樣的時間然后進度條自動結束就好了用圖片是最好實現，用ps軟件就可以制作這個的實現，有很多中方法，簡單的，是使用 DIV 嵌套，例如ltdiv style=；兩種改法要么把你引入的 script 標簽，放到 body 的底下要么把你的 JS 代碼用 windowonload = function 括起來原因很簡單，HTML 從上至下加載JS 從上至下執(zhí)行由于你的 JS 文件先于 ltdiv；通過長度來標示加載的進度 this_processLayerLength = 500 this_processLayer = ccc4b255， 100， 100， 128， 1， 30 ccpAddcenterPos， ccp。