Как сделать диаграмму?

Question

[TipTop89]

Подскажите как сделать такую диаграмму(если это вообще диаграмма) . Что-бы можно было управлять значениями через html или js. Не могу даже понять с чего начать ее построение. Спасибо

Answer 1

[mahmudchon]

https://www.chartjs.org/docs/latest/charts/bar.htm...
Вариант с хорошей документацией, легкий в применении. Вариантов других диаграмм также масса.

Answer 2

[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>

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