Hi guys,

I need help with loading bar in asp.net .
I use master page in my project. My loading bar doesn't show on first but after the picture show. I have been using 4 different logic javascript but it's not working. This is my sample code using html :

<html>
<head>
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<style type="text/css">
body{padding:0px; margin:0px;}
#bg_loader{
background-color:#111;
filter:alpha(opacity=50);
opacity:0.5; position:fixed;
margin:0px; padding:0px; width:500px;
z-index:2;
}
#img_loading{position:fixed; z-index:1;}
</style>
<script language="javascript">
$(document).ready(function(){
setPos();
// demo...
setTimeout('showLoad()',1000); // 1 detik
setTimeout('hideLoad()',3000); // 3 detik

});

function setPos(){
$('#bg_loader').css("height",$(window).height()+"px")
.css("width",$(window).width()+"px");
$('#img_loading').css("top",($(window).height()/4)+"px")
.css("left",($(window).width()/2)-10+"px");
}

function showLoad(){
$('#bg_loader,#img_loading').fadeIn("medium");
}
function hideLoad(){
$('#bg_loader,#img_loading').fadeOut("medium");
}
</script>
</head>

<body>
<div id="bg_loader" style="display:none;"></div>
<img src="loading.gif" id="img_loading" style="display:none;" />
</body>
</html>

correct my code, please...

Thanks a lot....