JSFiddle - React, Tailwind, and code Playground

by Kai

HTML

<div id="loading">Loading<span id="animation"></span></div>

CSS

#loading {
    width: 100px;
    padding: 5px;
    background-color: #fff;
    color: #000;
    font-family: Verdana;
    font-size: 0.9em;
    border: solid 1px #ccc;
}

#animation {
    color: #000;
}

JavaScript

function showLoading () {
    var div = document.getElementById("animation");
    
    if (div.innerHTML.length >= 8) {
        div.innerHTML = "";
    }
    
    setTimeout(function () {
        div.innerHTML += ".";
        showLoading();
    },
    175);
}

showLoading();