Sanu0074,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.load-page{
display: none;
width: 102%;
height: 2px;
background: #0C0C0C;
position: fixed;
z-index: 90000;
top: 50px;
margin-left: -17px;
}
.load-page div{
position: absolute;
background: #00FCED;
height: 2px;
width: 0%;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(window).load(function(){
var obj = {
startLp: function(){
$('.load-page').css({display: 'block'})
.find('div').stop(true,true)
.css({width: '0%'}).animate({'width':'100%'},2000, obj.stopLp);
},
stopLp: function(){
$('.load-page').css({display: 'none'});
$(window).scrollTop(0);
}
} ;
window.setInterval(obj.startLp, 5000)
});
</script>
</head>
<body>
<div class="load-page"><div></div></div>
</body>
</html>