.dxa_progressbar {
    --barWidth: 0;
}
.dxa_progressbar .title{
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #121212;
    line-height: 1;
}
.dxa_progressbar .bar {
    width: 100%;
    height: 3px;
    background: #d2d2d2;
    position: relative;
}
.dxa_progressbar .bar::after {
    position: absolute;
    content: "";
    width: var(--barWidth);
    height: 3px;
    left: 0;
    top: 0;
    background: #121212;
    /*transition: all 1s;*/
}
.dxa_progressbar .percentage {
    background: #121212;
    display: flex;
    color: #fff;
    padding: 6px 12px;
    line-height: 1;
    position: absolute;
    left: var(--barWidth);
    /* transition: all 1s; */
    border-radius: 3px;
    transform: translateX(-50%);
    top: -10px;
}
.dxa_progressbar .percentage::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 6px;
    bottom: -5px;
    left: 50%;
    background-color: #121212;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    transform: translateX(-50%);
}