建立一个WEB工程,添加新项->HTML页面,命名为ProgressBar.htm,内容如下:

<!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" ;
          }

        //完成后隐藏进度条
        function SetCompleted()
          {      
              ProgressBarSide.style.display = "none";
          }
     </script> 
</head>
    <body>
    <div

style="position:absolute;height:21x;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none">
        <div ></div>
    </div>
    </body>
</html>
后台代码,Default.aspx.cs:

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Threading;
using System.IO;

public partial class _Default : System.Web.UI.Page
{
    private void beginProgress()
      {
        //根据ProgressBar.htm显示进度条界面
        string templateFileName = Path.Combine(Server.MapPath("."),

"ProgressBar.htm");
          StreamReader reader = new 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();
      }

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

相关文章:

  • 2021-10-05
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-06
  • 2022-01-17
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-14
  • 2022-02-16
  • 2022-01-27
相关资源
相似解决方案