progress {
    @include disableAppareance();
    border-radius: var(--border-size);
    border: 2px solid var(--color-lightgray);
    width: 100%;
    overflow: hidden;

    // Firefox
    &[value]::-moz-progress-bar {
        @include defaultBar();
    }
    &:not([value])::-moz-progress-bar {
        @include indeterminedBar();
    }

    // Chromium
    &[value]::-webkit-progress-value {
        @include defaultBar();
    }
    &:not([value])::-webkit-progress-bar {
        @include indeterminedBar();
    }
}

@keyframes progressAnim {
    from  { background-color: var(--color-primary); }
    to  { background-color: var(--color-secondary); }
}