#212121
1.progress-loader { 2 top: 50%; 3 left: 50%; 4 position: absolute; 5 transform: translate(-50%, -50%); 6} 7 8.progress-loader { 9 width: 150px; 10 background: rgba(236, 236, 238, 0.253); 11 height: 3px; 12 border-radius: 7px; 13} 14 15.progress { 16 content: ''; 17 width: 1px; 18 height: 3px; 19 border-radius: 7px; 20 background: rgb(255, 255, 255); 21 transition: 0.5s; 22 animation: loading1274 2s ease infinite; 23} 24 25@keyframes loading1274 { 26 0% { 27 width: 0%; 28 } 29 30 10% { 31 width: 10%; 32 } 33 34 50% { 35 width: 40%; 36 } 37 38 60% { 39 width: 60%; 40 } 41 42 100% { 43 width: 100%; 44 } 45}
2.3K views
2.3K views
Comments
MIT License