.progress-bar {
    width: 100%;
    text-align: center;

    .progress {
        position: relative;
        z-index: 1;
        height: $progress-bar-default-height;
        margin: 0 auto;
        overflow: hidden;
        background-color: var(--white);
    }

    .progress,
    .progress-bar-completed {
        border-radius: $progress-bar-border-radius;
    }

    .progress-bar-completed {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        background-color: var(--bright-turquoise-40);
        box-shadow: inset 0 0 0 1px var(--bright-turquoise-40);
        transition: all 1s linear;
    }
}