asp.net 实现进度条 用来显示加载进度或程序处理进度

2016-12-30 09:57:30来源:oschina作者:深圳大道人点击

private void Page_Load(object sender, System.EventArgs e)
{
beginProgress();
for (int i = 1; i <= 100; i++)
{
setProgress(i);
//此处用线程休眠代替实际的操作,如加载数据等
System.Threading.Thread.Sleep(50);
}
finishProgress();
}
private void beginProgress()
{
//根据ProgressBar.htm显示进度条界面
string templateFileName = System.IO.Path.Combine(Server.MapPath("."), "ProgressBar.htm");
System.IO.StreamReader reader = new System.IO.StreamReader(@templateFileName, System.Text.Encoding.GetEncoding("GB2312"));
string html = reader.ReadToEnd();
reader.Close();
Response.Write(html);
Response.Flush();
}
private void setProgress(int percent)
{
string jsBlock = "<script>SetPorgressBar('" + percent.ToString() + "'); </script>";
Response.Write(jsBlock);
Response.Flush();
}
private void finishProgress()
{
string jsBlock = "<script>SetCompleted();</script>";
Response.Write(jsBlock);
Response.Flush();
}


无标题页
<script language="javascript" type="text/javascript">
function SetPorgressBar(pos) {
//设置进度条居中
var screenHeight = document.body.offsetHeight;
var screenWidth = document.body.offsetWidth;
document.getElementById("ProgressBarSide").style.width = Math.round(screenWidth / 2);
document.getElementById("ProgressBarSide").style.left = Math.round(screenWidth / 4);
document.getElementById("ProgressBarSide").style.top = Math.round(screenHeight / 2);
document.getElementById("ProgressBarSide").style.height = "21px";
document.getElementById("ProgressBarSide").style.display = "";
//设置进度条百分比
document.getElementById("ProgressBar").style.width = pos + "%";
document.getElementById("ProgressText").innerHTML = pos + "%";
}
//完成后隐藏进度条
function SetCompleted() {
document.getElementById("ProgressBarSide").style.display = "none";
}
</script>







最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台