Loader by SteveBloX
#212121
1.progress-loader { 2 top: 50%; 3 left: 50%; 4 position: absolute; 5 transform: translate(-50%, -50%); 6 width: 150px; 7 background: rgba(236, 236, 238, 0.253); 8 height: 10px; 9 border-radius: 7px; 10} 11 12.progress { 13 width: 1px; 14 height: 10px; 15 border-radius: 7px; 16 background: rgb(255, 255, 255); 17 transition: 0.5s; 18 animation: loading_44 5s cubic-bezier(.4,1.01,1,1) infinite; 19} 20 21@keyframes loading_44 { 22 0% { 23 width: 0%; 24 } 25 26 50% { 27 width: 100%; 28 } 29 30 100% { 31 width: 0%; 32 } 33}
1.9K views
1.9K views
MIT License