html5进度条progress使用实例,HTML5进度条progress的使用

HTML5进度条progress的使用

progress元素的使用

开始下载

var intValue=0;

var intTimer;

var objPro=document.getElementById(‘proDownFile‘);

var objTip=document.getElementById(‘pTip‘);

//定时事件

function Interval_handler(){

intValue++;

objPro.value=intValue;

if(intValue>=objPro.max){

clearInterval(intTimer);

objTip.innerHTML="下载完成";

}else{

objTip.innerHTML="正在下载"+intValue+"%";

}

}

function Btn_Click(){

intTimer=setInterval(Interval_handler,100);

}