JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div id="#loading_body"><div id="loading"></div></div>

CSS

#loading
        {
            background-color: rgba(255, 69, 0, 0.75);
            
            display: block;
            height: 2px;
            margin: 0 auto;
            animation:aa 1s infinite;
        }
@keyframes aa{
    0%{width:0;}
    10%{width:20%;}
    20%{width:40%;}
    30%{width:60%;}
    40%{width:80%;}
    50%{width:100%;}
    60%{width:80%;}
    70%{width:60%;}
    80%{width:40%;}
    90%{width:20%;}
    100%{width:0}
    
    
}