对于长时间装载的ASP.NET页面如何在客户端浏览器中显示进度？-.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代码 using system.threading;<br /> visual basic .net代码 imports system.threading<br />

7. 在page_load事件里输入： visual c# .net代码 response.write(&#8220; <div id=mydiv >&#8220;);<br /> response.write(&#8220;_&#8221;);<br /> response.write(&#8220;</div> <p>&#8220;);<br /> response.write(&#8220;<script>mydiv.innertext = ;</script>&#8220;);<br /> response.write(&#8220;<script language=<a href="http://www.west999.com/www/go/?url=http://www.chinaitpower.com/dev/programme/java/index.html" target="_blank" rel="nofollow" >java</a>script>;"); response.write("var dots = 0;var dotmax = 10;function showwait()"); response.write("{var output; output = 正在装载页面;dots++;if(dots>=dotmax)dots=1;"); response.write("for(var x = 0;x < dots;x++){output += ·;}mydiv.innertext = output;}"); response.write("function startshowwait(){mydiv.style.visibility = visible; "); response.write("window.setinterval(showwait(),1000);}"); response.write("function hidewait(){mydiv.style.visibility = hidden;"); response.write("window.clearinterval();}"); response.write("startshowwait();</script>");<br /> response.flush();<br /> thread.sleep(10000);<br /> visual basic .net代码 response.write("</p> <div id=mydiv >")<br /> response.write("_")<br /> response.write("</div> <p>")<br /> response.write("<script>mydiv.innertext = ;</script>")<br /> response.write("<script language=<a href="http://www.west999.com/www/go/?url=http://www.chinaitpower.com/dev/programme/java/index.html" target="_blank" rel="nofollow" >java</a>script>;") response.write("var dots = 0;var dotmax = 10;function showwait()") response.write("{var output; output = 正在装载页面;dots++;if(dots>=dotmax)dots=1;") response.write("for(var x = 0;x < dots;x++){output += ·;}mydiv.innertext = output;}") response.write("function startshowwait(){mydiv.style.visibility = visible; ") response.write("window.setinterval(showwait(),1000);}") response.write("function hidewait(){mydiv.style.visibility=hidden;") response.write("window.clearinterval();}") response.write("startshowwait();</script>")<br /> response.flush()<br /> thread.sleep(10000)<br />

8. 在showprogress.aspx窗体的html的中输入： <script> hidewait(); </script><br />

9. 点在浏览器中查看即可。