<div class="progress"></div>
.progress {
width:120px;
height:22px;
border-radius: 20px;
color: #514b82;
border:2px solid;
position: relative;
}
.progress::before {
content:"";
position: absolute;
margin:2px;
inset:0 100% 0 0;
border-radius: inherit;
background: #514b82;
animation:p 2s infinite;
}
@keyframes p {
100% {inset:0}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.