.progress-container {
    position: relative;
    width: 100%;
}

.progress-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    white-space: nowrap;
    padding-left: 6px;
}
.progress-text.outside {
    left: calc(var(--percent) + 8px);
    color: #1A2B48;
}
.progress-text.inside {
    left: 8px;
}