Loader by Lanicet
#e8e8e8
1#myProgress { 2 width: 100px; 3 max-width: 200px; 4 background: #F4F4F4; 5 box-shadow: inset -1px 1px 2px rgba(200, 200, 200, 0.2), inset 1px -1px 2px rgba(200, 200, 200, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.9), inset 1px 1px 3px rgba(200, 200, 200, 0.9); 6 border-radius: 28px; 7 overflow: hidden; 8} 9 10#myBar { 11 width: 10%; 12 height: 30px; 13 background: rgba(0, 209, 0, 0.35); 14 border-radius: 28px; 15 text-align: center; 16 line-height: 30px; 17 color: white; 18 transition: 0.5s; 19 animation: loading82341 10s ease infinite; 20} 21 22@keyframes loading82341 { 23 0% { 24 width: 0%; 25 } 26 27 10% { 28 width: 10%; 29 } 30 31 50% { 32 width: 40%; 33 } 34 35 60% { 36 width: 60%; 37 } 38 39 100% { 40 width: 100%; 41 } 42}
1.1K views
1.1K views
MIT License