Medium/Youtube style simple loader css

loader.css

#l{
    width:100%;
    height:2px;
    position:fixed;
    top:0;
    left:0;
    z-index:80;
    background:red;
    animation:lk .95s linear 0 infinite;
    -webkit-animation:lk .95s linear 0 infinite;
    transform-origin:right 0 0;
    -webkit-transform-origin:right 0 0;
    transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
}
@-webkit-keyframes lk {
            50%{-webkit-transform:translateX(0);}
            to{-webkit-transform:scaleX(0.01);}
        }
@keyframes lk {
            50%{transform:translateX(0);}
            to{transform:scaleX(0.01);}
        }

Just put div#l to html to show

to handle the loader, just manipulate it with .show() and .hide()