求个简单aspnet的进度条

livelymoon 2009-11-19 11:11:14

因为在oracle中查询数据比较久，所以想做个进度条来看到SQL执行查询的进度，不知道可否实现？

那种弹出一个进度条就屏幕变暗部让鼠标在该页面其他地方操作的又是怎么实现的呢！

请各大虾指导一下！

...全文

108 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

Lovely_baby 2009-11-19

打赏
举报

http://nailwl.download.csdn.net/user/nailwl/%E5%85%8B%E6%9C%8D%E5%88%B7%E6%96%B0%E5%AE%9E%E6%97%B6%E8%BF%9B%E5%BA%A6%E6%9D%A1

livelymoon 2009-11-19

打赏
举报

好的，试下！谢谢~~

wxd_860825 2009-11-19

打赏
举报

我这实现原理：数据加载时，出现遮罩层，并提示正在加载。当数据加载完，palo_load重新加载时，遮罩层消失，，提式消失。。原理很简单，避免和数据库的多次交互。

wxd_860825 2009-11-19

打赏
举报

<head runat="server">

    <title>无标题页</title>

    

     <script type="text/javascript" language="javascript">

     function startDelay()

     { 

         var t;

         t=setTimeout("startTask()",3000);

         return true;

     }

    function startTask()

    {

       

        var lo=document.getElementById("logon"); 

        var lg=document.getElementById("backloading");

             

                    lg.style.display="block";   

                    lo.style.display="block";

                    

                    

                    

         return true;                

    }

   

    </script>

</head>

<body>

    <form id="form1" runat="server">

       <!--添加一个遮罩层-->

      <div id="backloading" style="display:none;width:100%;height:100%;position:absolute;z-index:0;border:0px;background-color:#cccccc;margin:0px;padding:0px;filter:alpha(opacity=50);"align="center"></div>      

        <!--弹出层显示内容-->

        <div id="logon"  align="center" style=" text-align:center;display:none;background-color:#ffffff;position:absolute;border:3px solid #ffffff; left: 400px; top: 270px;"> 

          

                <div>

                  <div> <h5> <asp:Image ID="Image1" runat="server" ImageUrl="~/image/loading.gif" /></h5> </div> 

                  <div>数据正在加载,请稍候.....</div>

                  </div>

         </div>

         <asp:Button ID="Button1" runat="server" Text="加载数据" OnClick="Button1_Click" OnClientClick="startDelay();" />

         

        

        

            

    </form>

</body>