<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>progress 和 meter 元素</title>
</head>
<body>
<script>
function btn(){
for(var i=0;i<=100;i++){ //先执行完循环再执行下面的函数
setTimeout(updateprogress(i),2000);
}
}
function updateprogress(newValue){
var progressBar=doc.getElementById("p");
progressBar.value=newValue;
progressBar.getElementsByTagName("span")[0].textContent=newValue;
}
</script>
<section>
<h2>progress元素的使用</h2>
<p>完成的百分比<progress id="p" max="100" style="background-color: #646464"><span>0</span>%</progress></p>
<input type="button" value="点击"/>
</section>
<!-- <progress id="progress" max="100" value="50"></progress>-->
</body>
</html>
