进度条

最新推荐文章于 2026-01-08 16:39:17 发布

原创最新推荐文章于 2026-01-08 16:39:17 发布 · 296 阅读

CC 4.0 BY-SA版权

文章标签：

#div #border #class #javascript #string #float

protected void processBar(int c, int t)
    {
        if (c == 0)
        {
            string strFileName = Request.PhysicalApplicationPath + "//admin//progressbar.htm";
            System.IO.StreamReader sr = new System.IO.StreamReader(strFileName, System.Text.Encoding.Default);
            string strHtml = sr.ReadToEnd();

            Response.Write(strHtml);
            sr.Close();
            Response.Flush();
        }
        Response.Write("<script>setPgb('pgbMain'," + ((c + 1) * 100) / t + ");</script>");
        Response.Flush();
    }

//使用

processBar(i, TopicList.Rows.Count);

progressbar.htm

         {
              lblObj.innerHTML = pgbValue + "%"; // change the label value
         }
         if ( pgbObj = document.getElementById(pgbID) )

         {
             var divChild = pgbObj.children[0];
              pgbObj.children[0].style.width = pgbValue + "%";
         }
     }
}
</script>

<html>
<head>
<style type="text/css">
    .bi-loading-status {
    width:   100%
    padding: 1px;
    overflow: hidden;
    }
    .bi-loading-status .text {
    white-space: nowrap;
    overflow:     hidden;
    width:             10%;
    text-overflow:     ellipsis;
    padding:      1px;
    float: right;
    }

    .bi-loading-status .progress-bar {
    border:       1px solid ThreeDShadow;
    background:   window;
    height:       16px;
    width:        88%;
    padding: 1px;
    overflow: hidden;
    float: left;
    }

    .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);
    }
</style>

</head>
<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">
    <table border="0" align="center" width="70%"><tr><td>
       <DIV class="bi-loading-status" id="proBar" style="width: 100%;">
            <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>