1
<html>
2<head>
3<title></title>
4
<script language="javascript">...
5
6//开始处理
7function BeginTrans(msg)
8
...{
9 WriteText("Msg1",msg);
10
}
11
12//设置进度条进度
13function SetPorgressBar(msg, pos)
14...{
15 ProgressBar.style.width= pos + "%";
16 WriteText("Msg1",msg + " 已完成" + pos + "%");
17}
18
19//处理结束
20function EndTrans(msg)
21...{
22 if(msg=="")
23 WriteText("Msg1","完成。");
24 else
25 WriteText("Msg1",msg);
26}
27
28//设置时间信息
29function SetTimeInfo(msg)
30...{
31 WriteText("Msg2",msg);
32}
33
34// 更新文本显示信息
35function WriteText(id, str)
36...{
37 var strTag = '<font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><B>' + str + '</B></font>';
38 if (document.all) document.all[id].innerHTML = strTag;
39
}
40</script>
41</head>
42<body>
43<table align="center" style="height:100%">
44 <tr style="height:45%"><td></td></tr>
45 <tr>
46 <td>
47 <div id="Msg1" style="height:16px;"><font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><b>正在加载...</b></font></div>
48 <div id="ProgressBarSide" style="width:300px; color:Silver;border-width:1px; border-style:Solid;">
49 <div id="ProgressBar" align="center" style="height:20px; width:0%; background-color:#316AC5;"></div>
50 </div>
51 <div id="Msg2" style="height:16px;"><font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><b></b></font></div>
52 </td>
53 </tr>
54 <tr style="height:50%"><td></td></tr>
55</table>
56</body>
57</html>
Labor/ProgressBar.htm，打开代码结构图
打包下载该项目完整源码：无忧劳保库存系统源码
