`
atoooo
  • 浏览: 13181 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

asp.net 页面加载进度

asp 
阅读更多
 
  1. private void Page_Load(object sender, System.EventArgs e)  
  2. {  
  3.     beginProgress();  
  4.     for (int i = 1; i <= 100; i++)  
  5.     {  
  6.         setProgress(i);  
  7.         //此处用线程休眠代替实际的操作,如加载数据等     
  8.         System.Threading.Thread.Sleep(50);  
  9.     }  
  10.   
  11.     finishProgress();  
  12. }     
  13.   
  14. private void beginProgress()  
  15. {  
  16.     //根据ProgressBar.htm显示进度条界面     
  17.     string templateFileName = System.IO.Path.Combine(Server.MapPath("."), "ProgressBar.htm");  
  18.     System.IO.StreamReader reader = new System.IO.StreamReader(@templateFileName, System.Text.Encoding.GetEncoding("GB2312"));  
  19.     string html = reader.ReadToEnd();  
  20.     reader.Close();  
  21.     Response.Write(html);  
  22.     Response.Flush();  
  23. }  
  24.   
  25. private void setProgress(int percent)  
  26. {  
  27.     string jsBlock = "<script>SetPorgressBar('" + percent.ToString() + "'); </script>";  
  28.     Response.Write(jsBlock);  
  29.     Response.Flush();  
  30. }  
  31.   
  32. private void finishProgress()  
  33. {  
  34.     string jsBlock = "<script>SetCompleted();</script>";  
  35.     Response.Write(jsBlock);  
  36.     Response.Flush();  
  37. }  

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" id="mainWindow">  
  3. <head>  
  4.     <title>无标题页</title>  
  5.     <script language="javascript" type="text/javascript">  
  6.         function SetPorgressBar(pos) {  
  7.             //设置进度条居中  
  8.             var screenHeight = document.body.offsetHeight;  
  9.             var screenWidth = document.body.offsetWidth;  
  10.             document.getElementById("ProgressBarSide").style.width = Math.round(screenWidth / 2);  
  11.             document.getElementById("ProgressBarSide").style.left = Math.round(screenWidth / 4);  
  12.             document.getElementById("ProgressBarSide").style.top = Math.round(screenHeight / 2);  
  13.             document.getElementById("ProgressBarSide").style.height = "21px";  
  14.             document.getElementById("ProgressBarSide").style.display = "";  
  15.   
  16.             //设置进度条百分比                         
  17.             document.getElementById("ProgressBar").style.width = pos + "%";  
  18.             document.getElementById("ProgressText").innerHTML = pos + "%";  
  19.         }  
  20.   
  21.         //完成后隐藏进度条  
  22.         function SetCompleted() {  
  23.             document.getElementById("ProgressBarSide").style.display = "none";  
  24.         }  
  25.      </script>    
  26. </head>  
  27.     <body>  
  28.     <div id="ProgressBarSide" style="position:absolute;height:21px;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none">  
  29.         <div id="ProgressBar" style="position:absolute;height:21px;width:0%;background-color: green"></div>  
  30.         <div id="ProgressText" style="position:absolute;height:21px;width:100%;text-align:center"></div>  
  31.     </div>  
  32.     </body>  
  33. </html>  

注意:

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

 

分享到:
评论

相关推荐

    ASP.NET实现网页预加载效果

    在网页预加载效果的实现中,ASP.NET 提供了丰富的工具和技术,可以帮助开发者优化用户体验,使得用户在等待页面加载时能感知到进度,从而提高网站的交互性和吸引力。 网页预加载是一种优化网页性能的技术,它在用户...

    asp.net页面 加载进度条

    在ASP.NET中,一个网页从用户请求到完全加载会经历多个阶段,包括初始化、加载、验证、呈现和卸载等。我们主要关注的是“开始加载”和“加载完成”这两个阶段。 1. **设计界面**:在Default.aspx页面中,添加一个...

    asp.net前台显示后台处理进度条

    1. 创建ASP.NET页面:首先创建一个新的ASP.NET Web Forms页面,添加必要的控件,例如一个UpdateProgress控件用于显示进度条,一个Button控件触发后台处理,以及一个Label或任何其他控件用于显示进度信息。...

    asp.net 正在加载/处理(兼容IE Chrome)

    在"asp.net 正在加载/处理(兼容IE Chrome)"这个标题中,我们关注的是一个特定的功能,即在网页加载或处理过程中向用户显示“正在加载”或“处理中”的状态指示。在描述中,开发者提到他们找不到一个既适用于Internet...

    .net进度条 加载提示,好东西分享下

    在Web开发方面,如果标题和描述指的是ASP.NET项目,那么可以使用Ajax技术来实现无刷新的进度更新。jQuery库的$.ajax方法提供了回调函数,允许你在请求进行时更新页面元素。另外,ASP.NET MVC或Web API可以结合...

    asp.net 多任务显示进度

    在ASP.NET开发中,"多任务显示进度"是一个重要的功能,尤其在处理长时间运行或大文件操作时。这个程序设计的目的是提供一个用户友好的界面,让用户能够了解后台任务的执行状态,提升用户体验。下面我们将深入探讨这...

    asp.net+sql2000加载数据真实进度条

    在本项目中,"asp.net+sql2000加载数据真实进度条"是一个实现用户交互和后台数据处理的实例,它展示了如何在用户界面中提供实时的数据加载进度反馈,以提升用户体验。 在ASP.NET中,我们通常会用到AJAX技术来实现...

    Asp.net实现进度条完整功能(附源码)

    在Asp.net开发中,有时候我们需要为用户呈现一个可视化的进度条来表示某个长时间运行的操作的进度,例如文件上传、数据处理等。本教程将详细讲解如何在Asp.net中实现一个具有完整功能的进度条,并提供源码供参考。 ...

    ASP.net始初化页面Loading控件

    另一方面,"LoadingBar"可能是一个特定的加载条控件,它可能提供了更详细的加载进度反馈。它可能有一个内部计数器,跟踪页面资源的加载状态,并相应地更新加载条的长度或进度。 总结来说,通过重写ASP.NET页面的...

    Asp.net 员工考勤管理及任务管理系统

    Asp.net的核心在于它的页面生命周期管理,包括初始化、加载、验证、呈现和卸载等阶段,这使得开发者可以精确控制网页的行为。此外,Asp.net提供了多种内置控件,如Gridview、FormView等,用于快速构建用户界面,极大...

    asp.net 超大文件上传,带进度条源码,亲测能用

    ASP.NET 是微软开发的一种用于构建Web应用程序的框架,它提供了丰富的功能和强大的性能。在处理大文件上传时,ASP.NET需要特别的处理,因为默认情况下,它对上传文件的大小有限制,通常为4MB左右。针对超大文件上传...

    asp.net初级入门

    ASP.NET Web Forms页面有其特定的生命周期,包括初始化、加载、验证、呈现和卸载等阶段。理解这些阶段对于掌握页面操作和状态管理非常重要。 3. **控件与数据绑定** ASP.NET 提供了大量的服务器控件,如按钮、...

    在ASP.NET中显示进度条

    在 ASP.NET 中,有时候为了提供更好的用户体验,特别是在处理耗时操作时,如加载大量数据或执行复杂的后台处理,我们可能需要在客户端显示一个进度条来指示页面加载的状态。下面将详细解释如何在 ASP.NET 中实现这一...

    ASP.NET AJAX核心控件示例

    在这个"ASP.NET AJAX核心控件示例"中,我们将探讨四个关键的控件:ScriptManager、UpdatePanel、UpdateProgress和Timer,它们在实现页面无刷新更新和优化用户体验方面起着重要作用。 1. **ScriptManager**: ...

    ASP.NET甘特图

    ASP.NET甘特图是一种在Web应用中用于展示项目进度、任务管理和时间线的图表工具。在ASP.NET框架中,甘特图控件可以帮助开发者创建直观的、交互式的任务和时间表视图,使得用户能够清晰地看到项目的时间线、任务依赖...

    21天学通asp.net源程序

    2. **ASP.NET页面生命周期**:了解一个ASP.NET网页从请求到响应的完整生命周期,包括初始化、加载、验证、呈现和卸载等阶段,这对编写控制网页行为的代码至关重要。 3. **控件与事件处理**:ASP.NET提供了一系列...

    asp.net基于ajax技术的邮件系统

    ASP.NET Ajax是微软推出的一项基于ASP.NET框架的技术扩展,它通过结合Web服务器控件和客户端脚本,实现了页面局部更新,无需刷新整个页面。这种技术革新不仅提升了Web应用程序的性能,还显著改善了用户的交互体验。...

    ASP.NET loading,动画进度条

    ### ASP.NET 页面加载动画进度条实现方法 #### 一、背景与概述 在现代Web开发中,用户体验至关重要。用户在等待页面加载时如果能够看到一个动态的进度条,不仅可以提升用户体验,还能增加网站的专业感。本文将详细...

    ASP.net源代码和习题答案

    3. **页面生命周期管理**:ASP.NET页面有自己的生命周期,包括初始化、加载视图状态、回发数据验证、保存视图状态和卸载等阶段,理解这个生命周期对编写高效代码至关重要。 4. **状态管理**:ASP.NET提供多种方式来...

    asp.net 批量上传文件,进度条显示

    总之,这个"asp.net 批量上传文件,进度条显示"的实例结合了ASP.NET的文件上传功能,Ajax的异步通信,以及ExtJS的UI组件,实现了用户友好的文件批量上传和进度反馈。通过深入理解这些技术,你可以根据具体需求调整和...

Global site tag (gtag.js) - Google Analytics