进度条

ProgressBar.htm页面

<link type="text/css" rel="stylesheet" href="css/ProgressBar.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/ProgressBar.js"></script>   

css:

.loadingInfo{height:28px;line-height:28px;padding:0 20px 0 38px;color:#000;position:absolute;left:430px;top:350px;z-index:9;border:1px solid #FDAB0A;background:#FDFCDE url(../annexPreview/loadinfo.net2b.gif) 10px center no-repeat}

js:

var WaitPannel=new Object();
        WaitPannel.show = function(msg) {  debugger;         
                $("body").append("<div id='contextWaitPannel'></div>");
                $("#contextWaitPannel").attr({left:document.body.clientWidth / 2 - 20,top:document.body.clientHeight / 2 - 30,position:"absolute"}).text(msg).addClass("loadingInfo").show();    
                      
        };

        WaitPannel.hide = function() {   
            $("#contextWaitPannel").remove();
        };

代码里:

#region 进度条
        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()
        {
            string jsBlock = "<script>WaitPannel.show('" + AttachReaderHelper.GetConfigValue(AttachReaderHelper.ConfigKeys.ProgressInfo) + "'); </script>";
            Response.Write(jsBlock);
            Response.Flush();
        }

        private void FinishProgress()
        {
            string jsBlock = "<script>WaitPannel.hide();</script>";
            Response.Write(jsBlock);
            Response.Flush();
        }
        #endregion

 

调用:

            //BeginProgress();//显示进度条
            //SetProgress();
            //Thread.Sleep(new TimeSpan(0, 0, 5));
            //FinishProgress();
            //return;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值