Loader by sabbircoder07
#e8e8e8
1.progress { 2 background-color: #ffffff; 3 width: 220px; 4 height: 20px; 5 border-radius: 100px; 6 overflow: hidden; 7 backface-visibility: hidden; 8} 9 10.inner { 11 background-image: linear-gradient(to left, #00cdac, #00c2c9, #00b4e3, #00a2f1, #008cef, #0088eb, #0085e6, #0081e2, #0090de, #009bd2, #00a3c1, #02aab0); 12 height: 100%; 13 transform-origin: left; 14 animation: progress 2s infinite; 15} 16 17@keyframes progress { 18 0% { 19 transform: scaleX(10%) translateX(-10%); 20 } 21 22 100% { 23 transform: scaleX(80%) translateX(150%); 24 } 25} 26
592 views
592 views
Variations
1 MIT License