.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    text-align: left;
    border-radius: 4px;
    background-repeat: repeat-x;
    background-color: var(--main-background);
    background-image: var(--progress-background-image);
}
.progress .bar {
    font-size: 12px;
    display: inline-block;
    float: left;
    width: 0;
    height: 100%;
    transition: width 0.6s ease;
    text-align: center;
    color: var(--text-color-max-inverse);
    background-color: var(--progress-bar-background-color);
    background-image: var(--progress-bar-background-image);
}
.progress .bar.bar-success {
    background: var(--progress-bar-success-background);
}
.progress > .caption {
    position: relative;
    bottom: 2px;
    left: 0;
    top: -21px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--text-color-max);
}