Den Alex Smith

Вычисляй относительную длину шкалы, твой синенький div будет примерно таким:

.statusbar {
    height: 15px;
    border-radius: 15px;
    background-color: blue;
}

Вычисленную относительную длину каждого бара вбивай в инлайновый стиль (все способы подсказывать тут не вижу смысла):

<div class="statusbar" style="width=15%"></div>
<div class="statusbar" style="width=65%"></div>
<div class="statusbar" style="width=98%"></div>
...
<div class="statusbar" style="width=5%"></div>

Дальше как фантазия подскажет. Я только направление подсказал