.progress-container { margin-top: auto; } .progress { height: 8px; border-radius: 10px; background: rgba(0, 0, 0, 0.05); overflow: hidden; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { background: linear-gradient(45deg, #4a90e2, #357abd); box-shadow: 0 0 10px rgba(74, 144, 226, 0.5); transition: width 0.3s ease; position: relative; overflow: hidden; } .progress-bar::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100% ); animation: shimmer 1.5s infinite; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }