页面打开滚动条

建立Htm文件(文件名:progressbar.htm)
<script language="javascript"> 

function setPgb(pgbID, pgbValue) 
{ 
    if ( pgbValue <= 100 ) 
    { 
        //debugger;
        if (lblObj = document.getElementById(pgbID+'_label')) 
        { 
            lblObj.innerHTML = pgbValue + '%'; // change the label value 
        } 
        if ( pgbObj = document.getElementById(pgbID) ) 
        { 
            var divChild = pgbObj.children[0]; 
            pgbObj.children[0].style.width = pgbValue + "%"; 
        } 
        window.status = "数据读取" + pgbValue + "%，请稍候"; 
    } 
    if ( pgbValue == 100 ) 
    {
        window.status = "数据读取已经完成"; 
        proBar.style.display="none";
        Table1.style.display="none";
    }
} 

</script>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="common.css" />
    </head>
    <body topmargin="0" leftmargin="0">
        <table width="100%" height="100%" ID="Table1" runat=server>
            <tr>
                <td align="center" valign="middle">
                    <DIV class="bi-loading-status" id="proBar" style="DISPLAY: ; LEFT: 425px; TOP: 278px">
                        <DIV class="text" id="pgbMain_label" align="left"></DIV>
                        <DIV class="progress-bar" id="pgbMain" align="left">
                            <DIV STYLE="WIDTH:10%"></DIV>
                        </DIV>
                    </DIV>
                </td>
            </tr>
        </table>
    </body>
</html>
用到的Css文件如下(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); 
} 

HTML (WebForm1.aspx)代码：
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication3.WebForm1" %>
<HTML>
    <HEAD>
        <title>progressbar</title>
        <META http-equiv="Content-Type" content="text/html; charset=gb2312">
        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" Content="C#">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    </HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <%=fixedHeader()%>
        </form>
    </body>
</HTML>
.Net 代码(WebForm1.aspx.cs)：
引用如下：
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Threading;
using System.IO;
using System.Text;
Page_Load事件里面代码：
Page_Load
其中
    Thread thread = new Thread(new ThreadStart(ThreadProc)); 
                thread.Start(); 
是开始线裎
调用以下方法fixedProc()：
ThreadProc

WebForm1.aspx里面调用的HTML代码：
    fixedHeader

方法LoadData()：
LoadData

代码下载地址：
https://files.cnblogs.com/jhtchina/progressbar.rar
posted @ 2006-03-21 10:07  jhtchina  阅读(598)  评论(0)    收藏  举报