ASP.Net 进度条有帮助吗？

Question

只是想知道是否有人知道任何可用于 ASP.Net Web 应用程序的多功能进度条的库或合适的代码？我基本上需要一个进度条，其中有一个条，例如 50%，然后是另一个网或在它上面等，显示 30%？

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

提前致谢。

Answer 1

这可能对你有帮助。

jQuery.UI ProgressBar 小部件

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>