---
title: "ASP.Net AJAX Server Control: UpdateProgress, UpdatePanel"  
description: "A control that allows you to display a visual element to the end user to show that a partial page post back is occurring to the part of the page makin"  
author: "Amit Singh"  
published: 2010-10-09  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/151/asp-dot-net-ajax-server-control-updateprogress-updatepanel  
category: "ajax"  
tags: ["ajax"]  
reading_time: 2 minutes  

---

# ASP.Net AJAX Server Control: UpdateProgress, UpdatePanel

UpdateProgress: A control that allows you to display a visual element to the end user to show that a partial page post back is occurring to the part of the page making the update. This is an ideal control to use when you have long running AJAX update.\

UpdatePanel: A Container Control that allows you to define specific areas of the page that are enabled with script manager. It contains two sections:

One is **<Content Template>** and another is **<Triggers>** section

How we implement the Update Progress server control

##### Example:

**Step1:** we use the following control on aspx page

```
 <head runat="server"> <title>Using Update Panel</title> </head> <body> <form id="form1" runat="server"> <div> <%--Using script Manager Control--%> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <%--Using UpdateProgress Control--%> <asp:UpdateProgress ID="UpdateProgress1" runat="server"> <ProgressTemplate> Update is showing here....... </ProgressTemplate> </asp:UpdateProgress> <%--Using UpdatePanel Here--%> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <%--Adding one button outside the update panel--%> <asp:Label ID="lblShowDate" runat="server" Text=""></asp:Label> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnShowDate" EventName="Click" /> </Triggers> </asp:UpdatePanel> <br /><br /> <%--Adding one button outside the update panel--%> <asp:Button ID="btnShowDate" runat="server" Text="Show Date" OnClick="btnShowDate_Click" />  </div> </form></body>
```

**Step2:** We write the following code on button click event.

```
 protected void btnShowDate_Click(object sender, EventArgs e) {   System.Threading.Thread.Sleep(TimeSpan.Parse("00:00:10"));   lblShowDate.Text = "Today Date is: " + DateTime.Now.ToString();}
```

**Step3:** Run the project

![ASP.Net AJAX Server Control: UpdateProgress, UpdatePanel](https://www.mindstick.com/mindstickarticle/b1a42dcf-2f81-4141-b9d0-8180565bfefd/images/cc124b21-ae07-4450-b3e0-c21e4644cee0.png)

After 10 second, the output is:

![ASP.Net AJAX Server Control: UpdateProgress, UpdatePanel](https://www.mindstick.com/mindstickarticle/b1a42dcf-2f81-4141-b9d0-8180565bfefd/images/87c21727-c7f3-4ed9-be18-7b7bab853b2e.png)

---

Original Source: https://www.mindstick.com/articles/151/asp-dot-net-ajax-server-control-updateprogress-updatepanel

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
