/******************************************************** PROGRESS BAR */
@keyframes progressIndeterminate {
    0% { left: 0; width: 0; }
    70% { left: 0; width: 100%; opacity: 1; }
    100% { left: 100%; opacity: 0; }
}

.c-progress-bar {
    background: $colorProgressBarHolder;
    display: block;
    min-height: $progressBarMinH;
    overflow: hidden;
    width: 100%;

    &__bar {
        background: $colorProgressBar;
        height: 100%;

        &.--indeterminate {
            position: absolute;
            animation: progressIndeterminate 1.5s ease-in infinite;
        }
    }
}
