<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function()
{
var i = 0;
var one = document.getElementById("one");
var oneValue = one.getAttribute('max');
var timer = setInterval(function(){
i = i+1;
if(i <= oneValue)
{
one.setAttribute('value',i)
}
if(i == oneValue - 10)
{
setTimeout(function(){
clearInterval(timer)
})
}
},200)
}
</script>
</head>
<body>
<progress value="0" max="100" id="one"></progress>
<progress value="50" max="100"></progress>
</body>
</html>
html5-進度條-progress
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.