首页  ·  知识 ·  云计算
实用的Web进度条
hnce  http://blog.hnce.net/  综合  编辑:dezai  图片来源:网络
1.建立进度条html页面progressbar.htmscript l

1.建立进度条html页面progressbar.htm


   
       
   
   
       
           
               
           
       

                   

                       

                       

                           

                       

                   

               

   
2.建立样式common.css
.bi-loading-status {}{
/**//*position: absolute;*/
width: 150px;
padding: 1px;
overflow: hidden;
}
.bi-loading-status .text {}{
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
padding: 1px;
}
.bi-loading-status .progress-bar {}{
border: 1px solid ThreeDShadow;
background: window;
height: 10px;
width: 100%;
padding: 1px;
overflow: hidden;
}
.bi-loading-status .progress-bar div {}{
background: Highlight;
overflow: hidden;
height: 100%;
filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
} 3.建立测试页面
3.1html代码

   
        progressbar
       
       
       
       
   
   
                   
            <%=fixedHeader()%>
       
   
3.2cs代码
首先using
using System.Threading;
using System.IO;
using System.Text;然后添加代码
public class progressbar : System.Web.UI.Page
    {
        Page_Load#region Page_Load
        private void Page_Load(object sender, System.EventArgs e)
        {
            if(!Page.IsPostBack)
            {
                string strFileName =Server.MapPath("progressbar.htm" );
                StreamReader sr = new StreamReader( strFileName, System.Text.Encoding.Default );
                string strHtml = sr.ReadToEnd();
                Response.Write( strHtml );
                sr.Close();
                Response.Flush();
                Thread thread = new Thread(new ThreadStart(ThreadProc));
                thread.Start();
                LoadData();//load数据
                thread.Join();
            }
        }
        #endregion

        fixedHeader#region fixedHeader
        protected string fixedHeader()
        {   
            StringBuilder s=new StringBuilder();
            s.Append(@"

");
            s.Append(@"");
            s.Append(@"");
            s.Append(@"");
            s.Append(@"");
            s.Append(@"");
            for(int m=0;m<100;m++)
            {
                s.Append(@"");
                s.Append(@"");
                s.Append(@"");
                s.Append(@"");
                s.Append(@"");
            }           
            s.Append(@"
Header AHeader BHeader C
A").Append(m).Append("B").Append(m).Append("C").Append(m).Append("
");           
            return s.ToString();           
        }
        #endregion

        ThreadProc#region ThreadProc
        private void ThreadProc()
        {
            string strScript = "";
            for ( int i = 0; i <= 100; i++ )
            {
                System.Threading.Thread.Sleep(10);
                Response.Write( string.Format( strScript, i));
                Response.Flush();
            }
        }
        #endregion

        LoadData#region LoadData
        private void LoadData()
        {
            for(int m=0;m<90000;m++)
            {
                for(int i=0;i<90000;i++)
                {
               
                }
            }
        }
        #endregion

        Web Form Designer generated code#region Web Form Designer generated code
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: This call is required by the ASP.NET Web Form Designer.
            //
            InitializeComponent();
            base.OnInit(e);
        }
       
        /**////


        /// Required method for Designer support - do not modify
        /// the contents of this method with the code editor.
        ///

        private void InitializeComponent()
        {   
            this.Load += new System.EventHandler(this.Page_Load);
        }
        #endregion
    }

本文作者:hnce 来源:http://blog.hnce.net/
CIO之家 www.ciozj.com 微信公众号:imciow
   
免责声明:本站转载此文章旨在分享信息,不代表对其内容的完全认同。文章来源已尽可能注明,若涉及版权问题,请及时与我们联系,我们将积极配合处理。同时,我们无法对文章内容的真实性、准确性及完整性进行完全保证,对于因文章内容而产生的任何后果,本账号不承担法律责任。转载仅出于传播目的,读者应自行对内容进行核实与判断。请谨慎参考文章信息,一切责任由读者自行承担。
延伸阅读