定义：图片预先加载到浏览器中，即先让图片下载到本地，然后在继续执行后续的操作

js实现图片预加载

   //要加载的图片
   var arr1 =['bg.png','cloud1.png','cloud2.png','wk1.png','wk2.png'];
  
   var  imgArr=[];//定义一个空数组保存加载完成的图片
   var count =0;
   for(var i=0;i<arr1.length;i++){
      var newImg =new Image();
      newImg.onload=function(){
            count++;
            if(count==arr.length){
            console.log("图片加载完成");
            }
      }
      newImg.src="img/"+arr1[i];
      imgArr.push(newImg);           
   }

进度条：h5新标签

  <progress  value="20"  min="0"   max="100"></progress>
  value:进程的当前值
  min和max是进度完成的值
  
  设置值：
  progress.value