在ASP.NET中显示进度条

对于加载时间比较长的ASP.NET页面，我们可以在客户端浏览器中显示进度条来显示页面正在装载。下面就是具体的实现过程：

1. 新建项目，名字为WebPortal，在项目类型中选择Visual C#项目或者Visual Basic项目都可； 
2. 在模板类型中选择ASP.NET Web应用程序； 
3. 位置里输入：http://localhost/WebPortal； 
4. 添加新项：名字为ShowProgress的Web窗体。 
5. 在您的Web窗体ShowProgress.aspx上添加任何其他的Web服务器控件。 
6. 在ShowProgress.aspx上单击右键，点“查看代码”，在最上面输入：
   Visual C# .NET代码 <font color="#333333">using&nbsp;System.Threading;</font>Visual Basic .NET代码 <font color="#333333">Imports&nbsp;System.Threading</font>
7. 在Page_Load事件里输入： Visual C# .NET代码 <font color="#333333">Response.Write("&lt;div&nbsp;id='mydiv'&nbsp;&gt;");Response.Write("_");Response.Write("&lt;/div&gt;");Response.Write("&lt;script&gt;mydiv.innerText&nbsp;=&nbsp;'';&lt;/script&gt;");Response.Write("&lt;script&nbsp;language=javascript&gt;;");Response.Write("var&nbsp;dots&nbsp;=&nbsp;0;var&nbsp;dotmax&nbsp;=&nbsp;10;function&nbsp;ShowWait()");Response.Write("{var&nbsp;output;&nbsp;output&nbsp;=&nbsp;'正在装载页面';dots++;if(dots&gt;=dotmax)dots=1;");Response.Write("for(var&nbsp;x&nbsp;=&nbsp;0;x&nbsp;&lt;&nbsp;dots;x++){output&nbsp;+=&nbsp;'&#183;';}mydiv.innerText&nbsp;=&nbsp;&nbsp;output;}");Response.Write("function&nbsp;StartShowWait(){mydiv.style.visibility&nbsp;=&nbsp;'visible';&nbsp;");Response.Write("window.setInterval('ShowWait()',1000);}");Response.Write("function&nbsp;HideWait(){mydiv.style.visibility&nbsp;=&nbsp;'hidden';");Response.Write("window.clearInterval();}");Response.Write("StartShowWait();&lt;/script&gt;");Response.Flush();Thread.Sleep(10000);</font>Visual Basic .NET代码 <font color="#333333">Response.Write("&lt;div&nbsp;id='mydiv'&nbsp;&gt;")Response.Write("_")Response.Write("&lt;/div&gt;")Response.Write("&lt;script&gt;mydiv.innerText&nbsp;=&nbsp;'';&lt;/script&gt;")Response.Write("&lt;script&nbsp;language=javascript&gt;;")Response.Write("var&nbsp;dots&nbsp;=&nbsp;0;var&nbsp;dotmax&nbsp;=&nbsp;10;function&nbsp;ShowWait()")Response.Write("{var&nbsp;output;&nbsp;output&nbsp;=&nbsp;'正在装载页面';dots++;if(dots&gt;=dotmax)dots=1;")Response.Write("for(var&nbsp;x&nbsp;=&nbsp;0;x&nbsp;&lt;&nbsp;dots;x++){output&nbsp;+=&nbsp;'&#183;';}mydiv.innerText&nbsp;=&nbsp;&nbsp;output;}")Response.Write("function&nbsp;StartShowWait(){mydiv.style.visibility&nbsp;=&nbsp;'visible';&nbsp;")Response.Write("window.setInterval('ShowWait()',1000);}")Response.Write("function&nbsp;HideWait(){mydiv.style.visibility='hidden';")Response.Write("window.clearInterval();}")Response.Write("StartShowWait();&lt;/script&gt;")Response.Flush()Thread.Sleep(10000)</font>
8. 在ShowProgress.aspx窗体的html的中输入： <font color="#333333">&lt;script&gt;HideWait();&lt;/script&gt;</font>
9. 点在浏览器中查看即可。