https://github.com/rstacruz/nprogress<script>
$('body').show();
$('.version').text(NProgress.version);
NProgress.start();
setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);
</script>
.fade {
transition: all 300ms linear 700ms;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
.fade.out {
opacity: 0;
}
<body style='display: none'>
<header class='page-header'>
<span class='nprogress-logo fade out'></span>
<h1>NProgress<i>.js</i></h1>
<p class='fade out brief big'>A nanoscopic progress bar. Featuring realistic
trickle animations to convince your users that something is happening!</p>
</header>
<div class='contents fade out'>
Текст....
</div>
</body>
