JSFiddle - React, Tailwind, and code Playground

by lbstr

HTML

<span id="loader"></span>

CSS

#loader {
    padding: 100px;
    font-size: 3em;
}

JavaScript

var states = ['|', '/', '-', '\\'];

(function(){
    var loader = document.getElementById('loader');
    var i = 0;
    setInterval(function(){
        loader.innerHTML = states[i];
        i = (i + 1) % states.length;
    }, 100);
})();