I need a bar that goes from 0 to 70% and does not return to 0 after reaching 70, can not restart the cycle, must stop when it reaches the maximum number.
@keyframes site {
from { width: 0 }
to { width: 73% }
}
.siteload {
background: #E7E7E7;
position: relative;
height: 25px;
width: 80%;
left: 45px;
border-radius: 6px;
}
.siteload::after {
border-radius: 6px;
animation: site 5s infinite ease-in-out;
background: rgba(247,170,88,1);
content: '73%';
position: absolute;
left: 0; top: 0; bottom: 0;
}