1 
<asp:UpdatePanel ID="UpdtBank" runat="server">
 <ContentTemplate>
 <div style="text-align:center;">
    <asp:UpdateProgress AssociatedUpdatePanelID="UpdtBank" id="updateProgress" DynamicLayout="true" runat="server">
        <ProgressTemplate>
            <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
                <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/img/ajax-loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." style="padding: 10px;position:fixed;top:45%;left:50%;" />
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
    //My Code is Here
</div>

我从教程和stackoverflow答案中复制了上面的代码，但图像根本没有显示。请帮助我，我找不到我的错误

4

2 回答 2

2

尝试减少ProgressTemplate显示的时间。默认情况下为 5 秒。此行为由属性控制：DisplayAfter

指定在显示进度控件之前经过的毫秒数，即如果您希望等待 2 秒，则为 2000

<asp:UpdateProgress DisplayAfter="2000" AssociatedUpdatePanelID="UpdtBank"
     id="updateProgress" DynamicLayout="true" runat="server" />
于 2015-01-13T05:48:25.203 回答
1

如下所示，将您asp:UpdateProgress的外侧asp:UpdatePanel放在- 上。

<asp:UpdatePanel ID="UpdtBank" runat="server">
 <ContentTemplate>
    <div style="text-align:center;">

    //My Code is Here
    </div>
  </ContentTemplate>
</asp:UpdatePanel >

 <asp:UpdateProgress AssociatedUpdatePanelID="UpdtBank" id="updateProgress" DynamicLayout="true" runat="server">
        <ProgressTemplate>
            <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
                <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/img/ajax-loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." style="padding: 10px;position:fixed;top:45%;left:50%;" />
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
于 2015-01-13T06:02:24.270 回答