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.
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.
0 on: "Ajax Progress bar in Asp.Net"