<div id="showInfo" style="font-size:14px;font-weight:bold;color:blue;text-align:center">0%</div>
<div style="background:#f1f1f1;width:100%;height:30;border:1px solid black">
<div id="progressbar" style="width:0%;height:30;background:#336699;color:ghostwhite;text-align:center;text-valign:center"></div>
</div>
<script language="javascript">
<!--
var progressing = 0 ;
function doProgress(){
var textshow =  progressing + "%" ;
document.all.progressbar.style.width = textshow ;
document.all.showInfo.innerText = textshow ;
progressing ++ ;
var prghandle = setTimeout( "doProgress();" , 100 ) ;
if( progressing > 100 ){
clearTimeout( prghandle ) ;
//document.write("go to next step..............................");
}
}
doProgress();
-->
</script>