2012/03/23

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">
    <title></title>

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

    <style type="text/css">
        </style>
</head>
<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" />
    </div>
</body>

<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;
    }   
</script>
</html>

0 comments:

Post a Comment