.progress {
    width: calc(100% - 0.6rem);
    margin-top: 1rem;
    height: 1.5rem;
    border-radius: 1rem;
    padding: 0.3rem;
    background-color: var(--accent-color);

    display: flex;
}

.progress-heading {
    display: flex;
    justify-content: space-between;
}

#successful {
    border-radius: 1rem 0 0 1rem;
    border-right: 2px solid var(--accent-color);
    transition: width 0.25s ease-in-out;
}

#failed {
    border-radius: 0 1rem 1rem 0;
    border-left: 2px solid var(--accent-color);
    transition: width 0.25s ease-in-out;
}