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();