JSFiddle - React, Tailwind, and code Playground

by Harm Zeinstra

HTML

<script src="ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
<div class="se-pre-con"></div>

CSS

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;

JavaScript

//paste this code under the head tag or in a separate js file.
	// Wait for window load
	$(window).ready(function() {
		// Animate loader off screen
		$(".se-pre-con").fadeOut("slow");;
	});