html5-進度條-progress

<!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>


發佈了2 篇原創文章 · 獲贊 2 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章