<>
.download-progress-line {
height: 4px;
width: 100%;
margin: 0;
background-color: #D3E2F8;
display: -webkit-flex;
display: flex;
position: absolute;
top: 0;
z-index: 99999;
}
.download-progress-line:before {
height: 4px;
width: 100%;
margin: 0;
background-color: #699BE8;
content: '';
-webkit-animation: download-running-progress 2s cubic-bezier(0.400.21) infinite;
animation: download-running-progress 2s cubic-bezier(0.400.21) infinite;
}
@-webkit-keyframes download-running-progress {
0% {
margin-left: 0px;
margin-right: 100%;
}
50% {
margin-left: 25%;
margin-right: 0%;
}
100% {
margin-left: 100%;
margin-right: 0;
}
}
@keyframes download-running-progress {
0% {
margin-left: 0px;
margin-right: 100%;
}
50% {
margin-left: 25%;
margin-right: 0%;
}
100% {
margin-left: 100%;
margin-right: 0;
}
}