次のコードでは、html5<progress>
タグの値がサイクルごとに更新されます。Chrome のコンソールを使用して、その値が動的に変化することも確認できます。しかし、レンダリングがサイクルの最後にのみ更新されるのはなぜでしょうか?
<!doctype html>
<meta charset="utf8"></meta>
<title></title>
<body>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<button>click</button>
<progress min="0" max="10000" value="0"></progress>
<script>
$("button").click(function(){
for(var i=0; i<8000; i++)
$("progress").val(i)
})
</script>