Follow in Twitter & Facebook

Like in Facebook

Powered By Blogger Widgets

Free Download

FREE Tools

Sunday, July 29, 2012

Ajax Progress bar in Asp.Net

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.

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:UpdatePanel ID="UpdatePanel1" runat="server">
<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">
                        Processing... <br/>
<asp:Image ID="imgAjax" runat="server" ImageUrl="" />

Here on the button click the image will show.

0 on: "Ajax Progress bar in Asp.Net"