html5进度条的解释

<!DOCTYPE html> 
<html> 
    <head> 
        <title>进度条</title> 
        <script type="text/javascript"> 
         currProgress = 0; //进度数
         done = false;       //false为继续执行 ture为进度完毕
         total = 100; 
         
        function startProgress() { 
            $("startBtn").disabled=true;    //点击后不可再点击

            $("prog").value = currProgress; //设置进度条值

            //在文本写入进度情况

            $("numValue").innerHTML = Math.round((currProgress/total)*100)+"%";
            currProgress++; 
            if(currProgress>100) {
                done=true;
            }
            if(!done){ 
                setTimeout("startProgress()", 100); //开始循环0.1秒进度一次
            }else{ 
                $("startBtn").disabled=false; 
                done = false; 
                currProgress = 0; 
            } 
        }
        function $(id){   //封装了取属性的方法
            return document.getElementById(id);
         }
        </script> 
    </head> 
    <body> 
        <progress id="prog" value="0" max="100" ></progress>  
        <input id="startBtn" type="button" value="start" onclick="startProgress()"/><br/>
        <mark id="numValue">0%</mark>
    </body> 
</html>