Search
Author
ASP.NET Tutorials
Author
Sheo Narayan
Winners

Win Prizes

Social Presence
Like us on Facebook

Silverlight Tutorials | Report a Bug in the Tutorial

UpdateProgress Control

The UpdateProgress control enables us to provide feedback about the progress of the partial page rendering. Please note that for initial page rendering, UpdateProgress control content is not displayed. UpdateProgress control is not an independent control it must be associated with an UpdatePanel control.

A page con contain multiple UpdateProgress controls provided it has been associated with different UpdatePanel control. To associate UpdateProgress control we need to set AssociatedUpdatePanelID property to any of the UpdatePanel id. If any postback event occurs from inside an UpdatePanel control, its associated UpdateProgress control content if any are displayed.

AssociatedUpdatePanelID Gets or sets the ID of the UpdatePanel control from which it is associated with.
AssociatedUpdatePanelID Gets or sets the ID of the UpdatePanel control from which it is associated with.
ClientID Gets the server control identifier generated by ASP.NET
ClientID Gets the server control identifier generated by ASP.NET
DisplayAfter Gets or sets a value in milliseconds before the UpdateProgress control is displayed.
ClientID Gets the server control identifier generated by ASP.NET
ProgressTemplate Gets or sets the template that defines the content of the UpdateProgress control.
DEMO : UpdateProgress Show Source Code
Name  
Address  
Phone  
City  
Notice "Please wait" message below after clicking button.
Download Sample project with Source Code
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
    <asp:Label ID="lblMessage" runat="server" EnableViewState="false" ForeColor="blue"></asp:Label>
<table border="1">
    <tr>
        <td>Name</td>
        <td><asp:TextBox ID="TextBox1" runat="Server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="Req1" runat="server" ControlToValidate="TextBox1" Text=" * Required"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td>Address</td>
        <td><asp:TextBox ID="TextBox2" runat="Server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox2" Text=" * Required"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td>Phone</td>
        <td><asp:TextBox ID="TextBox3" runat="Server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBox3" Text=" * Required"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td>City</td>
        <td><asp:TextBox ID="TextBox4" runat="Server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="TextBox4" Text=" * Required"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td><b>Notice "Please wait" message below after clicking button.</b></td>
        <td>
            <asp:Button ID="btnSave" runat="Server" OnClick="AddRecords" Text="Add Records" />
        </td>
    </tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>


// UpdateProgress control 
<asp:UpdateProgress ID="Up1" runat="Server" AssociatedUpdatePanelID="UpdatePanel1">
    <ProgressTemplate>
        <span style="background-color:Yellow;"><img src="/images/wait.gif" alt="Please wait" /> Please wait ...</span>
    </ProgressTemplate>
</asp:UpdateProgress>