Progress bar is not working

See more:

ASP.NET

bar

Hi,

I am migrating dotnet application for "Data upload" from framework 1.1 to 3.5 ,
I have used progress bar on .aspx page which will get displayed while actual data uploading.

But it is not working.
Two cases are there -
1] If I use progress bar or any other server control like label etc. on page then my application stops working.

2] If I don't use these things it works fine.

Here is code snippet for .aspx page:-

<tr>
<td>
<asp:ScriptManager ID="ScriptManager1" runat="server">
<asp:UpdatePanel ID="UpdatePnl" runat="server">
<triggers>
<asp:PostBackTrigger ControlID="Btnupload" /> 
</triggers>
<contenttemplate>
<table id="updateTbl">
<tr>
<td colspan="2">
<input id="domain" type="hidden" name="domain"  runat="server" />
<input id="targetPath" type="hidden" name="targetPath"  runat="server" />
<input id="uploadID" type="hidden" name="uploadID"  runat="server" />
<input id="Values" type="hidden" name="Values"  runat="server" />
<input id="result" type="hidden" name="result"  runat="server" />
<input id="control" type="hidden" name="control"  runat="server" />
</td>
</tr>
<tr>
<td>
<asp:Label ID="lblSelect" Text="Select File" runat="server">
</td>
<td>
<asp:FileUpload id="FileUploadControl" runat="server" />
</td>
</tr>
<tr>
<td colspan="2" align="right">
<asp:Button ID="Btnupload" Text="Upload" runat="server" onclick="upload_Click" OnClientClick="ShowProgress();"/>
</td>
</tr> 
</table>
<asp:UpdateProgress ID="ProgressBar" runat="server" AssociatedUpdatePanelID="UpdatePnl">
<progresstemplate>
<div> <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/progress.gif" ImageAlign="Middle" /> </div>
</progresstemplate>

</contenttemplate> 
   
</td>
</tr>

java script function is here :-

<script type="text/javascript">
    function ShowProgress()
    {
        document.getElementById('<% Response.Write(ProgressBar.ClientID); %>').style.display = "inline";
    }
</script>

I have used web service to upload data into database.
Can you please guide me on this?