W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
progress元素可用于指示任務的逐漸完成。它有兩個局部屬性: value,max,form
。
value屬性定義當前進度,它在零和max屬性的值之間。
當省略max屬性時,比例在0和1之間。使用浮點數(shù)表示進度,例如30%的0.3。
下面的代碼顯示了progress元素和一些按鈕。按下按鈕可更新progress元素顯示的值。
<!DOCTYPE HTML>
<html>
<body>
<progress id="myprogress" value="10" max="100"></progress>
<p>
<button type="button" value="30">30%</button>
<button type="button" value="60">60%</button>
<button type="button" value="90">90%</button>
</p>
<script>
var buttons = document.getElementsByTagName("BUTTON");
var progress = document.getElementById("myprogress");
for (var i = 0; i < buttons.length; i++) {
buttons[i].onclick = function(e) {
progress.value = e.target.value;
};
}
</script>
</body>
</html>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: