1 <%@ Page Language="C#" MasterPageFile="~/MasterPages/SamplePageWithCode.master" 
 2     AutoEventWireup="true" 
 3     CodeFile="02_AtlasUpdateProgress.aspx.cs" 
 4     Inherits="_03_UpdateProgress_02_AtlasUpdateProgress" 
 5     Title="UpdateProgress 02: Atlas UpdateProgress" %>
 6 <asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
 7     <asp:TextBox ID="CustomerSearch" runat="server"></asp:TextBox>&nbsp;
 8         <asp:button ID="SearchButton" runat="server" Text="Search" />
 9         <atlas:AutoCompleteExtender ID="AutoComplete" runat="server">
10             <atlas:AutoCompleteProperties Enabled="true"
11                  ServiceMethod="GetCustomerAbbr"
12                  ServicePath="~/CustomerService.asmx"
13                  TargetControlID="CustomerSearch" />
14         </atlas:AutoCompleteExtender>
15     Implementing the UpdateProgress, we can now provide the user feedback.<br />
16     NOTE: because this is likely a quick operation, click the button to simulate a 3
17     second delay to show what it would look like.&nbsp;<br />
18         <br />
19          <atlas:UpdateProgress ID="ProgressIndicator" runat="server">
20         <ProgressTemplate>
21             <div id="progressArea">
22                 Loading the data, please wait... <asp:Image ID="LoadingImage" runat="server" ImageUrl="~/Images/spinner.gif" />
23             </div>
24         </ProgressTemplate>
25         </atlas:UpdateProgress>
26         <asp:Button ID="SortChange" runat="server" OnClick="ChangeSort" Text="Change Sort" />
27         <br />
28         <atlas:UpdatePanel ID="UpdateGrid" runat="server" Mode="conditional">
29             <ContentTemplate>
30                 <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" DataSourceID="NWindDb" PageSize="5">
31                 </asp:GridView>
32             </ContentTemplate>
33             <Triggers>
34                 <atlas:ControlEventTrigger ControlID="SortChange" EventName="Click" />
35             </Triggers>
36         </atlas:UpdatePanel>
37         <asp:SqlDataSource ID="NWindDb" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindDb %>"
38             SelectCommand="SELECT [CustomerID], [CompanyName], [ContactName], [Country] FROM [Customers]">
39         </asp:SqlDataSource>
40 </asp:Content>