.progress-bar {
    width: 100%;
    height: 40rem;
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    border: 4rem solid var(--color-white);
}

.progress-bar:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(var(--progress-translate, -100%));
        -ms-transform: translateX(var(--progress-translate, -100%));
            transform: translateX(var(--progress-translate, -100%));
    background-image: var(--gradient-primary);
    -webkit-transition: -webkit-transform var(--progress-duration, 5s) linear;
    transition: -webkit-transform var(--progress-duration, 5s) linear;
    transition: transform var(--progress-duration, 5s) linear;
    transition: transform var(--progress-duration, 5s) linear, -webkit-transform var(--progress-duration, 5s) linear;
    will-change: transform;
}