在WEB页面上实现类似C/S结构中的ProgressBar进度条件控件。
此程序的源码，可以到我的网站上下载！
作者：崔占民
Email:email:cuizm@163.com
<!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>
扫一扫
600
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
