Question

只是想知道是否有人知道任何可用于ASP.Net网络应用程序的多用途进度条的库或代码？我基本上需要一个进度条，它有一个条形，例如50％，然后另一个网络或它上面显示30％？

如果有人能提供帮助那就太棒了。

提前致谢。

Answer 1

这可能会对你有帮助。

jQuery.UI ProgressBar Widget

<强> http://mattberseth.com/blog/2008/07/jqueryui_progressbar_widget.html

<强> http://www.mattberseth2.com/demo/Default.aspx?Name=jQuery.UI+ProgressBar+Widget&Filter=jQuery

Answer 2

您想如何使用该进度条？如果要显示某些服务器端处理完成了多少，那可能是个问题。在处理请求时，无法以winform应用程序的方式更新浏览器的屏幕。您必须将该处理移至单独的线程并定期查询它的位置。

Answer 3

    <script type="text/javascript">
        window.onsubmit = function () {
            if (Page_IsValid) {
                var UpdateProgress1 = $find("<%= UpdateProgress1.ClientID %>");
        window.setTimeout(function () {
            UpdateProgress1.set_visible(true);
        }, 100);
    }
        }
</script>
--------------------------------------------------------------------------------------------------
<style type="text/css">
body
{
    margin: 0;
    padding: 0;
    font-family: Arial;
}
.modal1
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: transparent;
    filter: alpha(opacity=60);
    opacity: 1;
    -moz-opacity: 0.8;
}
.center1
{
     position: relative;
    z-index: auto;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: transparent;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.center1 img
{
    height: 52px;
    width: 128px;
    text-align:center;
}
</style>


<asp:ScriptManager ID="ScriptManager1" runat="server">
     </asp:ScriptManager>
    <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanelDivEdit">
            <ProgressTemplate>          
                 <div class="modal1"  align="center">
            <div class="center1"  align="center">
                <img src="Images/loader.gif" alt=""  />
                </div>
            </div>             
            </ProgressTemplate>
            </asp:UpdateProgress>

        <asp:UpdatePanel ID="UpdatePaneldivAdd" runat="server">
<ContentTemplate>

 </ContentTemplate>
<Triggers>
    <asp:PostBackTrigger ControlID="imgBtnSave" />
    <asp:PostBackTrigger ControlID="imgBtnCancel" />
</Triggers>
</asp:UpdatePanel>

ASP.Net进度条帮助？

3 个答案:

jQuery.UI ProgressBar Widget