Simple Pageload

by Kevin Pliester

HTML

<body>
    <div id="loader">
        <div>
            <div><span>Loading...</span></div>
        </div>
	</div>
    <a href="javascript:void(0)" onclick="window.location.reload();">Reload</a>
</body>

CSS

/* Pageload
-------------------------------------------------- */

#loader {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #000;
}

#loader div {
	position: absolute;
	left: 50%;
	top: 45%;
	line-height: 0;
}
#loader div span {
	position: relative;
	left: -50%;
	line-height: 0;
	font-size: 50px;
}

JavaScript

jQuery(document).ready(function($) {
  $(window).load(function() {
      $("#loader").delay(1000).fadeOut("fast");
  });
});