20 lines
474 B
CSS
20 lines
474 B
CSS
/* 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%;
|
|
} |