利用原生javascript實現進度條（可做頁面頭部進度條，或者局部進度條均可）

標籤：onload   一句話   方法   type   效果   tar   使用方法   表示   參數   

 1 <div class="top-progress" id="js-top-progress"></div> <!--結構只有一句話即可--> 2 <script src="./static/js/progress.js"></script> 3 <script type="text/javascript"> 4   var p = myProgress.create(document.getElementById("#js-top-progress"), "#21a557", false); 
     //第一個參數必須為原生dom對象
　　  //第二個參數為進度條的顏色
 5   //第三個參數預設為true，表示進度條走完是否還顯示 6   p.start(); //進度條開始走 7      8   window.onload = function() { 9     p.over(); //頁面載入完畢，調用，讓進度條走完到100%10   }11 </script>

今天閑來無事，實現了一下現在常見的頁面頭部的載入進度條，上面就是使用方法，很簡單的幾句話，有需要的朋友可以拿去。

代碼效果可以去我的這個頁面查看 http://www.bx1987.com/edu/

源碼可以去這裡下載

https://github.com/blff122620/jsLibary/blob/master/static/js/progress.js

利用原生javascript實現進度條（可做頁面頭部進度條，或者局部進度條均可）