@keyframes progress-bar-stripes {from {background-position: 1rem 0; }to {background-position: 0 0; } } .progress {display: flex;height: 1rem;overflow: hidden;font-size: 0.75rem;background-color: #e9ecef;border-radius: 0; } .progress-bar {display: flex;flex-direction: column;justify-content: center;color: #fff;text-align: center;white-space: nowrap;background-color: #eb110e;transition: width 0.6s ease; }@media (prefers-reduced-motion: reduce) {.progress-bar {transition: none; } } .progress-bar-striped {background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size: 1rem 1rem; } .progress-bar-animated {animation: progress-bar-stripes 1s linear infinite; }@media (prefers-reduced-motion: reduce) {.progress-bar-animated {animation: none; } }