一款简易的页面加载进度显示条

最新推荐文章于 2022-09-29 19:15:35 发布

passport_daizi

最新推荐文章于 2022-09-29 19:15:35 发布

阅读量1.3k

点赞数

分类专栏： 03 JavaScript 文章标签： html

03 JavaScript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

图片预览：

演示代码：

[html]view plaincopy 
   
 <html>  
 <head>  
 <title>正在载入...</title>  
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
 </head>  
 <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">  
 <table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">  
 <tr>   
 <form name=loading>  
 <td align=center>    
   
   <img src="0[1].jpg"><!--Loading Gif图片显示-->  
 <p><font color=gray>正在载入首页，请稍候.......</font></p>  
 <p>   
 <input type=text name=chart size=46 style="font-family:Arial;   
 font-weight:bolder; color:gray;  
 background-color:white; padding:0px; border-style:none;">  
 <br>  
 <input type=text name=percent size=46 style="font-family:Arial;   
 color:gray; text-align:center;   
 border-width:medium; border-style:none;">  
 <script>var bar = 0   
 var line = "||"   
 var amount ="||"   
 count()   
 function count(){   
 bar= bar+2   
 amount =amount + line   
 document.loading.chart.value=amount   
 document.loading.percent.value=bar+"%"   
 if (bar<99)   
 {setTimeout("count()",100);}   
 else   
 {window.location = "http://write.blog.csdn.net/postlist";}  //加载完跳转的页面！  
 }  
 </script>  
 </p>  
 </td>  
 </form>  
 </tr>  
 </table>  
 </body>  
 </html>  