JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<img src="http://dkclasses.com/images/loading.gif" id="loading-indicator" style="display:none" />
<button type="button">Test</button>

CSS

#loading-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  border: 0;
}

JavaScript

$(document).bind("ajaxSend", function(){
   $("#loading-indicator").show();
 }).bind("ajaxComplete", function(){
   $("#loading-indicator").hide();
 });


$("button").click(function(event) {
    $.post( "/echo/json/", { delay: 2 } );
});