<title>loadpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.unnamed1 { background-color: #000000}
-->
</style>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">
<tr>
<form name=loading>
<td align=center>
<p>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#00FF00; background-color:black; padding:0px; border-style:none;">
<br>
<br>
<input type=text name=percent size=46 style="font-family:Arial; color:#00FF00; text-align:center; border-width:medium; border-style:none;" class="unnamed1">
<br>
<br>
<font color="#00FF00" size="2" >
<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
{
alert("你的操作!!!!")
} }</script>
</font></p>
</td><!--//-->
</form></tr></table></body></html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.unnamed1 { background-color: #000000}
-->
</style>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">
<tr>
<form name=loading>
<td align=center>
<p>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#00FF00; background-color:black; padding:0px; border-style:none;">
<br>
<br>
<input type=text name=percent size=46 style="font-family:Arial; color:#00FF00; text-align:center; border-width:medium; border-style:none;" class="unnamed1">
<br>
<br>
<font color="#00FF00" size="2" >
<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
{
alert("你的操作!!!!")
} }</script>
</font></p>
</td><!--//-->
</form></tr></table></body></html>
这是一个模拟进度条的例子,里面还有好多js脚本,很不错的,我没有做过动态的进度条,帮不了你太多了.
示例:<table id='fieldtable' style="visibility:visible;display:block;">
这里面是正常显示的东西
</table><table id='progress' style="visibility:hidden;display:none;">
进度条的flash放这里
</table>点击提交之后,将id='fieldtable' 的设置为隐藏,id='progress' 设置为显示
这样就是边后台执行边前台显示进度条
用flash可以做很漂亮的进度条
目前只支持IE。