js 百分比顯示頁面加載進度

做東西遇到顯示頁面百分比的加載進度，不過里面的圖片較多，看了別人的代碼，才想到可以通過圖片的加載顯示加載的百分比，做一下筆記：

html:

<span id="percent"></span>

js:

  function perFun(){
      var imgs = document.getElementsByTagName("img");
      var len = 0;
      var percent = document.getElementById("percent");
      for(var i=0; i<imgs.length; i++){
        (function(i){
          imgs[i].onload = function(){
            len ++;
            percent.innerText = Math.round(len*100/imgs.length);
          }
        })(i);
      }
   }
   perFun();