源代码如下：
<html>
<head>
< >正在载入</ >
< 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>
<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;\">
< >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 = \"目标页\";}
}
</ >
</p>
</td>
</form>
</tr>
</table>
</body>
</html>
效果图：
![\"](\"/images/)
继续阅读与本文标签相同的文章
下一篇 :
javascript 实现页面加载进度条代码
-
城市数字化后，新一代内生安全系统可全方位保护
2026-05-14栏目： 教程
-
谷歌也来“唱衰”5G，5G手机只会徒增功耗？为何这么说？
2026-05-14栏目： 教程
-
量子信息和量子技术白皮书合肥宣言在中科大发布
2026-05-14栏目： 教程
-
微信悄悄更新一新功能，来看看！
2026-05-14栏目： 教程
-
打破三大运营商垄断，第四大运营商终于来了！
2026-05-14栏目： 教程