关于output
output
标签可直接计算
<form onsubmit="return false" oninput="o.value = a.valueAsNumber + b.valueAsNumber">
<input name="a" id="a" type="number" step="any"> +
<input name="b" id="b" type="number" step="any"> =
<output name="o" for="a b"></output>
</form>
关于progress
<p>这是一个进度条</p>
<progress id="p" max="100" value="0">
</progress>
<span id="completed">0</span>%
<script>
var progress = document.getElementById('p');
function updateProg(newValue){
progress.value = newValue;
document.getElementById('completed').innerText = newValue;
}
var i = 0;
var t = setInterval(function(){
i = i + 1;
updateProg(i)
if(i >= 100){
clearInterval(t);
}
}, 500);
</script>