js弄出加载效果，加载完后跳转到指定的页面

效果图

html代码

<form name=loading>
<td align=center>
<p><font color=gray>正在载入首页，请稍候.......</font></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;">
</td>
</form>

js代码

<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://www.baidu.com/";
}
}
</script>