29 lines
514 B
CSS
29 lines
514 B
CSS
.wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 4px;
|
|
border-radius: var(--radius-full);
|
|
background: rgba(255, 255, 255, 0.1);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.bar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 30%;
|
|
border-radius: var(--radius-full);
|
|
background: linear-gradient(90deg, var(--color-accent), var(--color-facebook-button-gradient-end));
|
|
animation: progress 1.5s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes progress {
|
|
0% {
|
|
left: -30%;
|
|
}
|
|
100% {
|
|
left: 100%;
|
|
}
|
|
}
|