自定义页面进度条

 


<html>
<head>
<title>进度条</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>
<body  leftmargin="10" topmargin="10" >
<DIV id=ld>
  <table width="500" border="0" cellpadding="1" cellspacing="0">
    <tr>
      <td bgcolor="#996633"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="300" bgcolor="#FFFFFF">
              <TABLE id=lpc height=20 bgColor=red>
                <TR>
                  <TD></TD>
                </TR>
              </TABLE>
            </td>
          </tr>
        </table></td>
      <td width="200" bgcolor="#FFFFFF"><span class="title1">请稍候</span> </td>
    </tr>
  </table>
 
</DIV>
<DIV id=page style="DISPLAY: none">

 

<form name="form1" method="post">
 
   
    【说明】只为演示...
    
</form>

</DIV>
<SCRIPT language=JavaScript>
var pc = 0;
load();
function load() {
pc += 4;
lpc.style.width = pc + "%";
time = setTimeout("load()",10);
if (pc > 100) { clearTimeout(time);
loaded()
}
}
function loaded() {
ld.style.display = 'none';
page.style.display = ''; 
}
</SCRIPT>

 

</body>

</html>

posted on 2008-10-16 15:57  踏燕归来  阅读(229)  评论(0编辑  收藏  举报