/* HTML: <div class="progressbar"></div> */
.progressbar {
    height: 4px;
    width: 100%;
    --c: no-repeat linear-gradient(#02A0A0 0 0);
    background: var(--c), var(--c), #B8F8F8;
    background-size: 60% 100%;
    animation: l16 3s infinite;
}

@keyframes l16 {
    0%   {background-position: -150% 0, -150% 0}
    66%  {background-position: 250% 0, -150% 0}
    100% {background-position: 250% 0, 250% 0}
}

.progressbarInactive{
    height: 4px;
    width: 100%;
}