Display loading progress image in ASP.Net

hello, How do I show my progress bar control on my page I am trying to display some of my data after click on seach button, it's taking a little bit time to display result.I want to show progress bar. I use this code in my page but it dosent work. How do I use progress bar?

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SearchUC.ascx.cs" Inherits="AksWebSite.AksWebSiteUC.SearchUC" %>
<link href="Css/style.css" rel="stylesheet" />
<style>
    body {
        color: #000;
    }
</style>
  <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                        <ContentTemplate>
<div style="width: 100%">
    <div style="clear: both">
        <asp:TextBox CssClass="SearchBox" runat="server" ID="txtSearch" AutoComplete="off"></asp:TextBox>
        <asp:Button ID="btnSearch" CssClass="btnSearch" runat="server" Text="جستجو" OnClick="btnSearch_Click" />
    </div>
    <div >
        <asp:Label runat="server" ID="lblMsg" Visible="false" Text="موردی یافت نشد"></asp:Label>
    </div>
    <div style="margin-top: 20px" id="SearchResult">
        <ul class="mcol li_cont1" style="width: 250px; padding-right: 179px; margin-right: 0px;">
            <asp:DataList ID="dtlstResult" Width="100%" Style="margin-right: -55px" runat="server" RepeatColumns="3" OnItemCommand="dtlstResult_ItemCommand" OnSelectedIndexChanged="dtlstResult_SelectedIndexChanged" OnItemDataBound="dtlstResult_ItemDataBound">
                <ItemTemplate>

                    <li id="post-8014" class="article li_col1">

                        <div class="preview" style="width: 250px;">


                            <asp:Image CssClass="ImgSearch" ID="Image1" src='<%# "Image/GetDBImage.ashx?ProductID="+ Eval("ProductId") %>' runat="server" />


                        </div>

                        <div class="article-over">
                            <h2>
                                <asp:Label ID="lblTitle" runat="server" Text="عنوان:" ForeColor="#88827D"></asp:Label>
                                <asp:Label ID="lblOrginalId" runat="server" Visible="false" Text='<%# Eval("ProductId") %>'></asp:Label>
                                <asp:Label ID="lblId" runat="server" Text='<%# "img"+Eval("ProductId") %>' ForeColor="#88827D"></asp:Label>

                            </h2>

                            <div class="postmetadata" style="text-align: center;">


                                <asp:GridView ID="gvDetail" runat="server" AutoGenerateColumns="False" RowStyle-BackColor="#464646" RowStyle-ForeColor="white" HeaderStyle-Font-Size="12px" HeaderStyle-BackColor="#f39c12" AlternatingRowStyle-BackColor="#666464" HeaderStyle-ForeColor="White" Style="margin: 30px">

                                    <Columns>
                                        <%--        <asp:TemplateField>
                                                <ItemTemplate>
                                                    <asp:ImageButton ID="ImageButton1" runat="server" />
                                                </ItemTemplate>
                                            </asp:TemplateField>--%>
                                        <asp:TemplateField>
                                            <ItemTemplate>
                                                <asp:CheckBox ID="chkSelect" runat="server" AutoPostBack="true" SkinID="chSkin" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="شناسه محصول" Visible="false">
                                            <ItemTemplate>
                                                <asp:Label ID="lblProductId" runat="server" Text='<%#Eval("ProductId") %>'></asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="شناسه" Visible="false">
                                            <ItemTemplate>
                                                <asp:Label ID="lblID" runat="server" Text='<%#Eval("ID") %>'></asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:BoundField DataField="Name" HeaderText="عنوان" />
                                        <asp:BoundField DataField="Size" HeaderText="سایز" />
                                        <asp:BoundField DataField="FormatImg" HeaderText="فرمت" />
                                        <%--<asp:BoundField DataField="Price" HeaderText="قیمت(ریال)" />--%>
                                        <asp:TemplateField HeaderText="قیمت(ریال)">
                                            <ItemTemplate>
                                                <asp:Label ID="lblPrice" runat="server" Text='<%#Eval("Price") %>'></asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>

                                </asp:GridView>


                                <asp:Label ID="lblRank" Visible="false" runat="server" Text='<%#Eval("Rank") %>'></asp:Label>

                            </div>

                        </div>
                        <div style="clear: both"></div>
                        <div style="width: 240px; padding-right: 7px;">
                            <div style="float: right;">
                                <asp:ImageButton Style="float: right;" ImageUrl="~/Image/cart-1.png" ID="ImageButton2" runat="server" CommandName="AddBasket" ToolTip="اضافه به سبد خرید" />
                            </div>
                            <div style="float: right; text-align: center;">
                                <asp:DataList ID="dtlstRank" runat="server" RepeatDirection="Horizontal">
                                    <ItemTemplate>
                                        <asp:Image Style="opacity: 1 !important; margin-top: 5px" runat="server" ImageUrl='<%# "~/Image/"+Eval("ImageURL")+".png" %>'></asp:Image>
                                    </ItemTemplate>
                                </asp:DataList>
                            </div>
                            <div style="float: right;">
                                <asp:ImageButton ID="imgBtnLike" ImageUrl="~/Image/like-2.png" runat="server" CommandName="btnLike" ToolTip="امتیاز" />
                            </div>
                            <div style="float: right;">
                                <asp:ImageButton ImageUrl="~/Image/details.png" ID="ImgViewDetail" runat="server" CommandName="viewDetail" ToolTip="اطلاعات بیشتر" />
                            </div>
                        </div>
                    </li>





                </ItemTemplate>
            </asp:DataList>
        </ul>




    </div>
</div>
                            </ContentTemplate>
      </asp:UpdatePanel>
   <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel2">
                        <ProgressTemplate>
                            <div class="backLoading" id="divLoading" style="display: none; background-color: #000; opacity: 0.3;"
                                onclick="$('.backLoading').hide()">
                                <asp:Image ID="Image2" runat="server" ImageUrl="~/Image/ic_loading_sun.png"
                                    CssClass="loading" />
                            </div>
                        </ProgressTemplate>
                    </asp:UpdateProgress>
<div style="clear: both;"></div>

<table width="100%">
    <tr>
        <td>
            <asp:LinkButton Style="background-color: #f6f6f6 !important; border: 1px dashed #53bddf !important; border-radius: 10% 50% 50% 10%; line-height: 25px !important; margin-right: 5px !important; padding: 11px !important;"
                ID="lnkbtnNext" runat="server" OnClick="lnkbtnNext_Click" Visible="false">بعدی</asp:LinkButton></td>
        <td align="center">

            <asp:DataList ID="dlPaging" runat="server" OnItemCommand="dlPaging_ItemCommand" RepeatDirection="Horizontal" OnItemDataBound="dlPaging_ItemDataBound" >
                <ItemTemplate>
                    <asp:LinkButton Style="background-color: #f6f6f6 !important; border: 1px dashed #53bddf !important; border-radius: 10%; line-height: 25px !important; margin-right: 5px !important; padding: 11px !important;"
                        ID="lnkbtnPaging" runat="server" CommandArgument='<%# Eval("PageIndex") %>' CommandName="lnkbtnPaging" Text='<%# Eval("PageText") %>'></asp:LinkButton>
                </ItemTemplate>
            </asp:DataList>









        </td>
        <td>
            <asp:LinkButton Style="background-color: #f6f6f6 !important; border: 1px dashed #53bddf !important; border-radius: 50% 10% 10% 50%; line-height: 25px !important; margin-right: 5px !important; padding: 11px !important;"
                ID="lnkbtnPrevious" runat="server" OnClick="lnkbtnPrevious_Click" Visible="false">قبلی</asp:LinkButton>
        </td>

    </tr>


    <tr>
        <td style="padding-top: 5px;" colspan="3">
            <asp:Label ID="lblCount" runat="server" Text="" Visible="false" ForeColor="#3F9FB6"></asp:Label>
            <asp:Label ID="lblCount1" ForeColor="#3F9FB6" runat="server" Text="مورد" Visible="false"></asp:Label>
            <br />
            <asp:Label ID="lblPageInfo" runat="server" Text="" Visible="true" ForeColor="#3F9FB6"></asp:Label>
        </td>

    </tr>
</table>