Progress Bar in Web Application

Create a image folder and relace some loding icon into it downloaded from Google :

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script type="text/javascript">
        var url = 'http://logicalca.com/NZ/'; //the details page you want to display... 

    <style type="text/css">
<body onload="location.href = url;" style="overflow: hidden; overflow-y: hidden">
    <div style="width: 980px; height: 800px; text-align: center">
        <img id="Img1" src="~/Images/loading.gif" runat="server" alt="loading" />

<script type="text/javascript" language="javascript">
    if (document.layers) {
        document.write('<Layer src="' + url + '" visibility="hidden"></Layer>');
    else if (document.all || document.getElementById) {
        document.write('<iframe src="' + url + '" style="visibility:hidden;"></iframe>');
    else {
        location.href = url;


Post a Comment