.chart-z{
    position: relative;
    overflow: hidden;
}
.chart-z .back img{
    z-index: 1;
    position: relative;
    width: 100%;
}
.chart-z .back .progress-v {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 30px);
    background: #a1e5b8;
    z-index: 0;
}
.chart-z .back .progress-v::after {
    content: '';
    height: 100%;
    width: 2px;
    border-right: 3px dashed orange;
    position: absolute;
    right: -3px;
}
.chart-z .front {
    position: absolute;
    left: 0;
    top: 0;
    height: 70%;
    width: 100%;
    z-index: 1;
}
.chart-z .front .value {
    position: absolute;
    z-index: 2;
    color: white;
    background: rgba(255, 69, 0, 0.9);
    font-size: 11px;
    padding: 2px 8px 0;
    border-radius: 35px;
}