JSFiddle - React, Tailwind, and code Playground

by Pris Wiz

HTML

<div class="execute-actions">
	<div class="loading"></div>
</div>

CSS

.loading {
	position: relative;
	background: url("http://s7.postimg.org/j8kldrycb/loading.gif");
	background-position: 912 center;
	width: 48px;
	height: 48px;
}

JavaScript

$(window).ready(function () {
		if ($("html[data-useragent*='MSIE 8']").length) {
			if ($("div.loading")) {
				setInterval(function () {
					$("div.loading").css({"background-position-x": "-=48px" });
				}, 35);
			}
		} else {
			if ($("div.loading")) {
				setInterval(function () {
					$("div.loading").css({"background-position": "-=48px" });
				}, 35);
			}
		}

		$("input[type=checkbox]").each(function () {
			if ($(this).prop("checked")) {
				$(this).next().css({"background-position": "0px -18px"});
			}
		});

		$("#woobe").fadeIn(500, function () {
			$("#woobe-datamodel").center().fadeIn(400, function () {
				$(window).trigger("resize");
			});
		});
	});
});