Status bar demo

<html>
    <head>
         
        <script type="text/javascript">
            <!--//--><![CDATA[//><!--
                function progress(){
                intWidth = parseInt(document.getElementById("statusBar").style.width) + 1;
                if(intWidth <= 400){
                     document.getElementById("statusBar").style.width = intWidth+"px";
                }else{
                     document.getElementById("statusBar").style.width = 0;
                }
                     setTimeout("progress()",300);
                }
            //--><!]]>
        </script>
    
    </head>
    <body>
    
        <div id="displayed">
            <form  action="#" method="post" onsubmit="
                document.getElementById('hidden').style.display='';
                document.getElementById('displayed').style.display='none';
                progress();
                return true;
            ">
                <input id="submit" type="submit" name="submit" value="start demo" />
            </form> 
        </div>
        
        <div id="hidden" style="display: none;"> 
        
            <p style="font-size: 15pt; font-family: sans-serif; color:#fd6700; background:#fff;">
                Loading...
            </p>
        
            <div id="statusBar" style="
                margin:0px;
                padding: 0px;
                width:0px; 
                height:5px; 
                background-color:#fd6700; 
                margin-top:0px; 
                text-align: left; 
                font-size: 0pt;"
            ></div>
            
                <p>15 second delay...</p>
            
            </div>
        </div>

    </body>
</html>