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>