The following code shows how to create Progress Bar Using AJAX.
There is an UpdatePanel , which has a Button into it. And Place an UpdateProgress which perform the defined progress for the action happens inside the UpdatePanel by any of the controls within it.
Since i have an UpdateProgress within the UpdatePanel, and have set the AssociatedUpdatePanelID="UpdatePanel1". The UpdateProgress has the "gif" image which looks like a progress.
Place a gif image of a progress bar and impletement the same thing for showing the progress to the user.
Please find the attachments if you are not able to see the design.
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <table> <tr> <td> <asp:UpdateProgress runat="server" ID="UpdateProgress1" DynamicLayout="false" AssociatedUpdatePanelID="UpdatePanel1"> <ProgressTemplate> <img id="Img1" runat="Server" src<Path of Gif or motion image file>" height="12" alt=""/> </ProgressTemplate> </asp:UpdateProgress> </td> </tr> <tr> <td><asp:Button CssClass="button" Text="Search" runat="server" ID="NewPage" /></td> </tr> </table> </ContentTemplate></asp:UpdatePanel>