Ajax Progress bar in Asp.Net

Intoduction:
In this article we will discuss how to show ajax progress bar while submiting data in Asp.Net. Also you can check some articles on C#.Net, SQL Server and SharePoint 2010.

Description:
Here we will see a progress bar image and Text at the button click.

Here we need to use ScriptManager, UpdatePanel and Update Progress control. We have to use only one ScriptManager in a page.
HTML Code:

<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
<asp:TextBox ID="txtTitle" runat="server" Width="550px"></asp:TextBox>

<asp:Button ID="btnSubmit" runat="server"  OnClick="btnSubmit_Click" Text="Click Here" />
<asp:UpdateProgress ID="up2" AssociatedUpdatePanelID="UpdatePanel1" runat="server">
                    <ProgressTemplate>
                        Processing... <br/>
<asp:Image ID="imgAjax" runat="server" ImageUrl="http://www.enjoysharepoint.com/Images/ajaxprogress.gif" />
                    </ProgressTemplate>
                </asp:UpdateProgress>
</ContentTemplate>
    </asp:UpdatePanel>

Here on the button click the image will show.