You need to AJAX enable a asp.net application to use the progress bar control.

Place this asp.net script on the master page or the individual page as required and the progress bar will be displayed during page is loading.

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:UpdateProgress ID="Updateprogress1" runat="server">

<ProgressTemplate>

<iframe frameborder="0" src="about:blank" style="border: 0px; position: absolute;

z-index: 9; left: 0px; top: 0px; width: expression(this.offsetParent.scrollWidth);

height: expression(this.offsetParent.scrollHeight); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0, FinishOpacity=0, Style=0, StartX=0, FinishX=100, StartY=0, FinishY=100);">

</iframe>

<div style="position: absolute; z-index: 10; left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);

top: expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);">

<table border="0" cellpadding="0" style="border-collapse: collapse" width="100" id="tblloder"

runat="server">

<tr>

<td height="8">

</td>

</tr>

<tr>

<td align="center">

<img alt="" border="0" src="images/progress-bar.gif"></td>

</tr>

<tr>

<td height="6">

</td>

</tr>

</table>

</div>

</ProgressTemplate>

</asp:UpdateProgress>

Advertisements