72.20 — Разработка программного обеспечения и консультирование в этой области
Эта группировка включает:

разработку программного обеспечения, готового к использованию: разработку системного программного обеспечения, инструментальных средств, прикладных программ
разработку индивидуального программного обеспечения и предоставление прочих услуг в области информатики: модификацию и настройку готового программного обеспечения применительно к потребностям заказчика при создании информационных систем и сетей, системный анализ и консультирование по выбору готового программного обеспечения, предоставление услуг по внедрению и сопровождению программного обеспечения
разработку программного обеспечения для работы с базами данных
предоставление прочих услуг, связанных с программным обеспечением
Эта группировка не включает:

копирование программного обеспечения общего пользования, см. 22.33
консультирование по программному обеспечению функционирования аппаратных средств, см. 72.10

Вычисляй относительную длину шкалы, твой синенький 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>

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