プログレスバー

プログレスバーで進捗状況などを表示するには、progress要素を使います。
本校執筆時点ではChromeのバージョン７以降、Operaの１１以降でないと正常に動作しないようです。
下の例は、プログレスバーをクリックすると、進行度が１００％まで伸びていきます。

---

---

<progress id="progress" name="progress" min="0" max="100" value="0" onclick="fire()" >
<script type="text/javascript">
function fire() {
    var prg = document.getElementById("progress");
    prg.value = prg.value + 10;
    window.setTimeout("fire()", 500);
}
</script>