Progress Like yutube? 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/