Не могу нарисовать данный участок сайта. Прямые линии разного цвета .Каким инструментом лучше воспользоваться?

Question

[dzhek31]

Не знаю как это сделать . уже пробывал разные варианты и с border и с тегом hr . не знаю как сделать чтоб линии были разного цвета и имели процентное соотношение. Может кто знает как лучше сделать?

Answer 1

[Lee Masagos]

https://css-tricks.com/html5-progress-element/

Answer 2

[Сергей Горячев]

<progress></progress>