.progress {
    box-shadow: none;
    height: 4px;
    background-color: $color-neutral-low;
    margin-bottom: 0; // Might need to look at this for vertical-spacing

    .progress-bar {
        @include transition(width 2s ease-in-out);
        
        &:not(.progress-bar-success):not(.progress-bar-info):not(.progress-bar-warning):not(.progress-bar-danger) {
            background-color: $color-accent;
        }
    }

    &.theme-alt,
    &.theme-on-img-dark {
        background-color: $color-neutral-low-alt;

        .progress-bar {
            background-color: $color-accent;
        }
    }
    &.theme-on-color,
    &.theme-dark {
        background-color: $color-neutral-low-alt;

        .progress-bar {
            background-color: $color-vivid-high-alt;
        }
    }
}