-->后台代码
加到Page_Load里
加到Page_Load里
Code1
// 根据 ProgressBar.htm 显示进度条界面2
string templateFileName = Path.Combine(Server.MapPath("."), "ProgressBar.htm");3
StreamReader reader = new StreamReader(@templateFileName, System.Text.Encoding.GetEncoding("gb2312"));4
string html = reader.ReadToEnd();5
reader.Close();6
Response.Write(html);7
Response.Flush();8
System.Threading.Thread.Sleep(200);9
// 根据处理任务处理情况更新进度条10
string jsBlock;11
for (int i = 1; i <= 100; i++)12
{13
System.Threading.Thread.Sleep(10);14
jsBlock = "<script>SetPorgressBar('" + "A" + i.ToString() + "','" + i.ToString() + "'); </script>";15
Response.Write(jsBlock);16
Response.Flush();17
}18
// 处理完成19
jsBlock = "<script>SetCompleted('处理完成。'); </script>";20
Response.Write(jsBlock);21
Response.Flush();22
-->前台页面
Code1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2
<html>3
<head>4
<title></title>5
<script type="text/javascript" language="javascript">6
//设置进度条进度7
function SetPorgressBar(msg, pos)8
{9
ProgressBar.style.width= pos + "%";10
WriteText("Msg1",msg + " 已完成" + pos + "%");11
}12
//设置进度条完成信息13
function SetCompleted(msg)14
{15
if(msg=="")16
WriteText("Msg1","完成。");17
else18
WriteText("Msg1",msg); 19
}20
21
// 更新文本显示信息22
function WriteText(id, str)23
{24
var strTag = '<font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><B>' + str + '</B></font>'; 25
if (document.all) document.all[id].innerHTML = strTag;26
}27
</script>28
</head>29
<body>30
<div id="Msg1"><font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><b>正在加载</b></font></div>31
<div id="ProgressBarSide" style="color:Silver;border-width:1px;border-style:Solid;width:300px;">32
<div id="ProgressBar" style="background-color:#3366FF; height:21px; width:0%;"></div>33
</div>34
</body>35
</html>