您的位置：首页 > 其它

在WEB页面上实现进度条

2006-01-07 10:15 183 查看
在WEB页面上实现类似C/S结构中的ProgressBar进度条件控件。

此程序的源码，可以到我的网站上下载！







作者：崔占民

Email:email:cuizm@163.com

Web:http://www.j2soft.cn/









<!doctype html public "-//w3c//dtd html 3.2 final//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>进度条演示</title>
<script language="javascript">
<!--
var lngStep = 10;

function singOut ()
{
lngStep += 10;
if (lngStep >= 800) lngStep = 10;
program.style.width = lngStep;
document.all.txtPrg.value = (lngStep / 8) + "%";

window.setTimeout("singOut ();", 100);
}

window.setTimeout("singOut();", 100);
-->
</script>

<STYLE>
.formclass_show5{margin: 0px;padding: 0px;height: auto;width: auto;border: 0px solid #3159bd;background-color: #ffffff;}
</STYLE>

</head>

<body bgcolor="#ffffff" text="#000000" link="#ff0000" vlink="#800000" alink="#ff00ff" background="?">
<table align="left" border=0 cellspacing=0 cellpadding=0 width="100%" style="font-size:10pt">
<tr>
<td width="33%"><b><font color="#0000FF">进</font><font color="#FF0000">度</font><font color="#00FF00">条</font><font color="#0000FF">演</font><font color="#800000">示</font></b><br>©作者:崔占民<br>日期:2005/03/21 21:15<br> </td>
<td width="33%" align="center" valign="bottom">
<input type="text" name="txtPrg" readonly class="formclass_show5">
</td>
<td width="34%"></td>
</tr>
<tr>
<td colspan="3">
<table align="left" border=4 cellspacing=0 cellpadding=0 width="800">
<tr align="left" valign="middle">
<td background="bg.gif">
<div id="program" style="background-color: #0000FF"></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航