.chart-horiz{
    overflow-y: visible;
}
.chart {
    zoom: 1;
    width: 85%;
}

.chart:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}

.chart li {
    display: block;
    height: 1rem;
    margin-bottom: .75rem;
    position: relative;
}

.chart li:before {
    color: #fff;
    content: attr(title);
    left: 15px;
    position: absolute;
}

.chart li.title:before {
    color: black;
    font-weight: bold;
    left: 0;
}

.chart li .bar {
    background: #35C2BA;
    height: 100%;
    margin-left: .5rem;
}

.chart li .number {
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    padding-left: 1.5rem;
    position: absolute;
    top: -2px;
}

.chart li.wrong .bar {
    background: #aaa;
}

.chart li.erong .number {
    color: #000;
}