added this js before your </head>

<script>
$(function() {
$("body").append($("<div></div>").attr("id", "progress"));
$("#progress").width((50 + Math.random() * 30) + "%");
});
$(window).load(function() {
$("#progress").width("101%").delay(300).fadeOut(400);
});
</script>

Now setting css like this gus

#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 load at http://cssload.net/