asp.net 页面加载进度 asp

程序员文章站 2022-03-25 16:29:24

...

 
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();  
}  

[html]view plaincopyprint? 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" id="mainWindow">  
<head>  
    <title>无标题页</title>  
    <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>    
</head>  
    <body>  
    <div id="ProgressBarSide" style="position:absolute;height:21px;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none">  
        <div id="ProgressBar" style="position:absolute;height:21px;width:0%;background-color: green"></div>  
        <div id="ProgressText" style="position:absolute;height:21px;width:100%;text-align:center"></div>  
    </div>  
    </body>  
</html>  

注意：

1. Response.Write() 中的内容必须大于256字节，Flush 才有效.

asp.net 页面加载进度 asp

创建基于ASP.NET core 3.1 的RazorPagesMovie项目（三）-已搭建基架的Razor页面解释和更新

ASP.NET之用AJAX设置进度条

ASP.NET用户控件操作ASPX页面（在ASPX页面捕捉用户控件的事件）

ASP.NET实现用图片进度条显示投票结果

asp.net mvc 实现文件上传带进度条的思路与方法

asp.net页面中如何获取Excel表的内容

asp.net WebForm页面间传值方法

ASP.NET ashx实现无刷新页面生成验证码

ASP.NET页面进行GZIP压缩优化的几款压缩模块的使用简介及应用测试!(附源码)第1/2页

asp.net跳转页面的三种方法比较