Пацаны скажите как прописать для бара хп, чтобы видно было сколько хп отнял другим цветом

Два дива.Один на другом.

.expline {
height: 6px;
background-color: #07701C;
background-repeat: repeat-x;
border-radius: 2px;
}

.bg-line {
border: 1px solid #495E24;
border-radius: 6px;
margin-top: 2px;
background-color: transparent;
height: 6px;
}

<div class="bg-line">
<div class="expline" style="width:91.6666666667%;"></div>
</div>

Server , sps