web进度条
-->后台代码
加到Page_Load里
Code
1// 根据 ProgressBar.htm 显示进度条界面 2string templateFileName = Path.Combine(Server.MapPath("."), "ProgressBar.htm"); 3StreamReader reader = new StreamReader(@templateFileName, System.Text.Encoding.GetEncoding("gb2312")); 4string html = reader.ReadToEnd(); 5reader.Close(); 6Response.Write(html); 7Response.Flush(); 8System.Threading.Thread.Sleep(200); 9// 根据处理任务处理情况更新进度条10string jsBlock;11for (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// 处理完成19jsBlock = "<script>SetCompleted('处理完成。'); </script>";20Response.Write(jsBlock);21Response.Flush();22
-->前台页面
Code
1<!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 //设置进度条进度 7function SetPorgressBar(msg, pos) 8{ 9 ProgressBar.style.width= pos + "%";10 WriteText("Msg1",msg + " 已完成" + pos + "%");11}12//设置进度条完成信息13function SetCompleted(msg)14{15 if(msg=="")16 WriteText("Msg1","完成。");17 else18 WriteText("Msg1",msg); 19}20 21// 更新文本显示信息22function 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>
posted on
2008-12-19 09:47
彬子 阅读(
...) 评论(
)
编辑
收藏
转载于:https://www.cnblogs.com/wangzb/archive/2008/12/19/1357993.html
相关资源：jsp中使用ajax实现web进度条
