JSFiddle - React, Tailwind, and code Playground

HTML

<div class="loading">
<div class="common-spinner common-spinner-40x55" style="background-position: 0px 0px;"></div>
</div>

CSS

.loading .common-spinner {
    margin: 0 auto;
}

.common-spinner.common-spinner-40x55 {
    height: 55px;
    width: 40px;
}

.common-spinner {
    background: url("http://i41.tinypic.com/e6et8z.jpg") no-repeat scroll 100% 100% transparent;
}

JavaScript

function setBgPosition (px)
{
  return function ()
  {
    $('.common-spinner').css('background-position', '-' + px + 'px 0px');
    if (px < 720) setTimeout(setBgPosition(px + 20), 100);
  }
}

setTimeout(setBgPosition(0), 100);