<asp:Content ID="Content1" ContentPlaceHolderID="PlaceHolderHeader" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PlaceHolderForTitleAndIntro" Runat="Server">
<div class="ArticleTitle"><h1>UpdateProgress Control</h1></div>
<div class="ArticleContents">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.</div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="PlaceHolderForContents" Runat="Server">
<br />
<div class="ArticleContents">
A page con contain multiple UpdateProgress controls provided it has been associated with different <a href="updatepanel.aspx">UpdatePanel</a> 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.
</div><br />
<table width="100%" class="TutoPropPlaceHolder" border="1" cellpadding="2" cellspacing="1">
<tr>
    <td class="DemoCP">AssociatedUpdatePanelID</td>
    <td>
        Gets or sets the ID of the UpdatePanel control from which it is associated with.
    </td>
</tr>
<tr>
    <td class="DemoCP">AssociatedUpdatePanelID</td>
    <td>
        Gets or sets the ID of the UpdatePanel control from which it is associated with.
    </td>
</tr>
<tr>
    <td class="DemoCP">ClientID</td>
    <td>
        Gets the server control identifier generated by ASP.NET
    </td>
</tr>
<tr>
    <td class="DemoCP">ClientID</td>
    <td>
        Gets the server control identifier generated by ASP.NET
    </td>
</tr>
<tr>
    <td class="DemoCP">DisplayAfter</td>
    <td>
        Gets or sets a value in milliseconds before the UpdateProgress control is displayed.
    </td>
</tr>
<tr>
    <td class="DemoCP">ClientID</td>
    <td>
        Gets the server control identifier generated by ASP.NET
    </td>
</tr>
<tr>
    <td class="DemoCP">ProgressTemplate</td>
    <td>
        Gets or sets the template that defines the content of the UpdateProgress control.
    </td>
</tr>
</table>
<!-- START - Demo Section -->
<table class="DemoPlaceHolder" border="1" cellpadding="2" cellspacing="4">
    <tr>
        <td class="DemoTitle">
            DEMO : UpdateProgress
        </td>
        <td align="right">
            <a class="DemoShowSource" href="../../misc/codeviewer/default.aspx?pagename=~/tutorials/ajax/updateprogress.aspx" target="_blank">Show Source Code</a>
        </td>
    </tr>
    <tr>
        <td>
        <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>
        <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>
        </td>
        <td>
            <a href="../../userfiles/samples/dotnetfundaaspajax.zip">Download Sample project with Source Code</a>
        </td>
    </tr>
    <tr>
        <td colspan="2">
<pre>
&lt;asp:UpdatePanel <b>ID="UpdatePanel1"</b> runat="server" UpdateMode="Conditional"&gt;
    &lt;ContentTemplate&gt;
    &lt;asp:Label ID="lblMessage" runat="server" EnableViewState="false" ForeColor="blue"&gt;&lt;/asp:Label&gt;
&lt;table border="1"&gt;
    &lt;tr&gt;
        &lt;td&gt;Name&lt;/td&gt;
        &lt;td&gt;&lt;asp:TextBox ID="TextBox1" runat="Server"&gt;&lt;/asp:TextBox&gt;
        &lt;asp:RequiredFieldValidator ID="Req1" runat="server" ControlToValidate="TextBox1" Text=" * Required"&gt;&lt;/asp:RequiredFieldValidator&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;Address&lt;/td&gt;
        &lt;td&gt;&lt;asp:TextBox ID="TextBox2" runat="Server"&gt;&lt;/asp:TextBox&gt;
        &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox2" Text=" * Required"&gt;&lt;/asp:RequiredFieldValidator&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;Phone&lt;/td&gt;
        &lt;td&gt;&lt;asp:TextBox ID="TextBox3" runat="Server"&gt;&lt;/asp:TextBox&gt;
        &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBox3" Text=" * Required"&gt;&lt;/asp:RequiredFieldValidator&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;City&lt;/td&gt;
        &lt;td&gt;&lt;asp:TextBox ID="TextBox4" runat="Server"&gt;&lt;/asp:TextBox&gt;
        &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="TextBox4" Text=" * Required"&gt;&lt;/asp:RequiredFieldValidator&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Notice "Please wait" message below after clicking button.&lt;/b&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;asp:Button ID="btnSave" runat="Server" OnClick="AddRecords" Text="Add Records" /&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
&lt;/ContentTemplate&gt;
&lt;/asp:UpdatePanel&gt;


<b>// UpdateProgress control </b>
&lt;asp:UpdateProgress ID="Up1" runat="Server" <b>AssociatedUpdatePanelID="UpdatePanel1"</b>&gt;
    &lt;ProgressTemplate&gt;
        &lt;span style="background-color:Yellow;"&gt;&lt;img src="/images/wait.gif" alt="Please wait" /&gt; Please wait ...&lt;/span&gt;
    &lt;/ProgressTemplate&gt;
&lt;/asp:UpdateProgress&gt;
</pre>                
        </td>
    </tr>
</table>

</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="PlaceHolderFooter" Runat="Server">
</asp:Content>

Go Top