<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="李白，杜甫，李清照，柳宗元，李彦宏，马云">
<meta name="Keywords" content="桂林山水，唐诗宋词，风景，名胜，深圳，古剑奇谭，花千骨">
<meta name="Description" content="马云，马化腾，比尔盖茨，巴菲特，股票，百度，天津爆炸">
<title>进度条</title>
</head>
<body>
<center><h1>进度条</h1></center>
<div style="width:500px;height:50px;border:5px solid #cc66ff;margin:0 auto;margin-top:100px;padding:20px;">
<meter min="0" value="5" low="3" high="7"></meter>
<progress max="100" value="0" id="pro"></progress>
</div>
<script>
var pro = document.getElementById('pro');
setInterval(function(){
pro.value += 1;
},100);
</script>
</body>
</html> 最佳答案
