【实例】html5标签之progress实现动态加载

实例效果：从如图状态

动态加载到如图状态

，加载完成后显示加载成功
html：<progress max=10 min=0 value=0></progress>
max表示最大值，min表示最小值，value表示当前值

js：

var pro = document.getElementsByTagName("progress")[0];

var t = setInterval(function(){

if(pro.value == 10)

{

clearInterval(t);

document.body.removeChild(pro);

var span = document.createElement("span");

span.innerHTML = "加载完成";

document.body.appendChild(span);

}

else

pro.value +=1;

}, 500);

源码下载：点此下载