UpdateProgress control does not show image

Hi All,

I have a updateprogress control works fine without master page but it does not work with a master template.  I have a few contentplaceholders on one page. How to make the ajax-loader image to show? Thanks. Below is my code:

<asp:Content ID="Content1" ContentPlaceHolderID="headcontent" runat="server"></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate>
         ...</ContentTemplate></asp:UpdatePanel></asp:Content><asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server"><asp:UpdatePanel ID="UpdatePanel2" runat="server"><ContentTemplate>
            ...</ContentTemplate></asp:UpdatePanel><asp:UpdatePanel ID="UpdatePanel3" runat="server"><ContentTemplate>
             ...</ContentTemplate></asp:UpdatePanel><div class="row"><div class="small-6 large-6 columns"><asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" Text="Submit Rental Application" style="margin-bottom: 0px" /></div></div><asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel3" DisplayAfter="0"><ProgressTemplate><img ID="Image1"  alt="Please wait ..." src="Images/ajax-loader.gif" style="width: 100px; height: 100px"  /></ProgressTemplate></asp:UpdateProgress></asp:Content>