.loader {
    width: 120px;
    height: 20px;
    margin: 20px auto;
    -webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) 0/20%;
    background:
        linear-gradient(#ffffff 0 0) 0/0% no-repeat
        #00182e;
    animation: l4 2s infinite steps(6);
    }
    @keyframes l4 {
        100% {background-size:120%}
    }
    .clr {animation: col 1s linear infinite;}
@keyframes col 
{
    0% {opacity:0;}
    10% {opacity:0.2;}
    20% {opacity:0.4;}
    30% {opacity:0.6;}
    40% {opacity:0.8;}
    50% {opacity:1;}
    60% {opacity:0.8;}
    70% {opacity:0.6;}
    80% {opacity:0.4;}
    90% {opacity:0.2;}
    100% {opacity:0;}

}