Merhaba arkadaşlar konuyu fazla uzatmaya gerek yok luzumsuz ama hoş bir detaydır meraklısı için
Bulun

Üstüne
<script>
$(function() {
$("body").append($("
").attr("id", "progress"));
$("#progress").width((50 + Math.random() * 30) + "%");
});
$(window).load(function() {
$("#progress").width("101%").delay(300).fadeOut(400);
});
</script>
Ekleyin
#progress {position: fixed;
z-index: 100;
top: 0;
left: -6px;
width: 1%;
height: 3px;
background: #ff0000;
border-radius: 1px;
transition: width 500ms ease-out,opacity 400ms linear;
}
CSS