<asp:content id="Content1" contentplaceholderid="MainContent" runat="Server" xmlns:asp="#unknown">
<asp:scriptmanager id="ScriptManager1" runat="server" enablepagemethods="true" />
<script type="text/javascript">
var updateProgress = null;
function postbackButtonClick() {
updateProgress = $find("<%= UpdateProgress.ClientID %>");
window.setTimeout("updateProgress.set_visible(true)", updateProgress.get_displayAfter());
return true;
}
</script>
<asp:updatepanel id="UpdPanel" runat="server" updatemode="Conditional">
<contenttemplate>
<div id="EQDUMPUpload" runat="server" align="center">
style="position: relative; z-index: inherit; width: auto; height: auto; top: auto; right: auto; bottom: auto; left: auto">
<table>
<tr>
<td>
<asp:label id="Label1" runat="server">
Text="Step 1 : Upload the ReportEQ File" Font-Bold="True" ForeColor="Blue"></asp:label>
</td>
<td>
<asp:fileupload id="EQDumpUploader" runat="server" />
</td>
</tr>
<tr>
<td></td>
<td>
</td>
<td></td>
</tr>
</table>
</div>
<div id="HRISUpload" runat="server" align="center">
style="position: relative; z-index: inherit; width: auto; height: auto; top: auto; right: auto; bottom: auto; left: auto">
<table>
<tr>
<td><asp:label id="Label2" runat="server">
Text="Step 2 : Upload the HRISInfo File" Font-Bold="True" ForeColor="Blue"></asp:label></td>
<td>
<asp:fileupload id="HrisUploader" runat="server" />
</td>
</tr>
<tr>
<td></td>
<td>
</td>
<td></td>
</tr>
</table>
</div>
<div id="GenerateReportDiv" runat="server" align="center" style="position: relative; z-index: inherit; width: auto; height: auto; top: auto; right: auto; bottom: auto; left: auto">
<table>
<tr>
<td>
<asp:button id="btnGenerateReport" runat="server" text="Generate Allocation Report">
onclick="btnGenerateReport_Click" Font-Names="Verdana" Font-Size="10pt"
UseSubmitBehavior="True" OnClientClick="return postbackButtonClick();" ClientIDMode="Static" />
</asp:button></td></tr></table>
</div>
<div id="divConfirmation" runat="server" align="center" style="position: relative; z-index: inherit; width: 930px; height: auto; top: 0px; right: 0px; bottom: 0px; left: 0px">
<table>
<tr>
<td>
<asp:label id="lblCnfrm" runat="server" text="Label" font-bold="True" forecolor="Red" font-names="Verdana" font-size="Small"></asp:label>
</td>
</tr>
<tr>
<td>
<asp:label id="lblHRISCnfrm" runat="server" text="Label" font-bold="True" forecolor="Red" font-names="Verdana" font-size="Small"></asp:label>
</td>
</tr>
<tr>
<td>
<asp:label id="lblAllocationCnfrm" runat="server" text="Label" font-bold="True" forecolor="Red" font-names="Verdana" font-size="Small"></asp:label>
</td>
</tr>
</table>
</div>
</contenttemplate>
<triggers>
<asp:postbacktrigger controlid="btnGenerateReport" />
</triggers>
</asp:updatepanel>
<asp:updateprogress id="UpdateProgress" runat="server">
associatedupdatepanelid="UpdPanel">
<progresstemplate>
<div id="Layer1" style="removed:absolute; z-index:1; removed 50%;removed 50%;">
<img src="Images/waiting.gif" alt="" />
</div>
</progresstemplate>
</asp:updateprogress>
</asp:content>
Now the Update panel is working after writing the javascript and doing a few modification in the code.