UpdateProgress and FileUpload

See more:

C#

ASP.NET

Hi,

I am facing this issue for quite some time. I am not able to use updateprogress properly with fileupload control. My design page code is :

<asp:ScriptManager ID="scriptMgr" runat="server" />
  <asp:UpdateProgress runat="server" id="PageUpdateProgress">
            <progresstemplate>
                Loading...<img border="0" src="Images/loading.gif" alt="loading" style="z-index: 1100;" />
            </progresstemplate>
        <asp:UpdatePanel ID="updatePnl" runat="server" UpdateMode="Conditional" >
        <contenttemplate>
    <table cellpadding="0" cellspacing="0" width="800px" border="0" align="center" class="description">
        <tr>
            <td width="70%">
                &lt;asp:FileUpload Width="250px" CssClass="field" ID="fileUploadText" runat="server" /&gt;
            </td>
        </tr>
        <tr class="alt">
            <td valign="top" colspan="2">
                <table width="100%" border="0" cellspacing="0" cellpadding="2">
                    <tr>
                        <td width="60%" align="right">
                            &lt;asp:Button ID="btnSubmit" runat="server" Text="Submit"
                                CssClass="button" onclick="btnSubmit_Click" OnClientClick="ShowProgress();"/&gt;
                            </td>
                    </tr>
                </table>
            </td>
        </tr>
</table>
</contenttemplate>
    <triggers>
     <asp:PostBackTrigger ControlID="btnSubmit"/>
     </triggers>

and my .cs code is :

protected void btnSubmit_Click(object sender, EventArgs e)
    {
        string filePath = Server.MapPath("Input File/" + fileUploadText.FileName);
        fileUploadText.PostedFile.SaveAs(filePath);
        System.Threading.Thread.Sleep(5000);
    }

The above code works fine but .gif image does not rotate. When I remove trigger tag and fileUpload control then the image starts rotating. What is the reason for this and how can i resolve?