JSFiddle - React, Tailwind, and code Playground

HTML

<div id="polls-16-ans" class="wp-polls-ans"><ul class="wp-polls-ul">
		<li><strong>Нравится:  46 (68%)</strong><div class="pollbar" style="width: 68%;" title="Вы выбрали - Нравится (68% | 46)"></div></li>
		<li><strong>Не нравится:  22 (32%)</strong><div class="pollbar" style="width: 32%;" title="Не нравится (32% | 22)"></div></li>
	</ul>
</div>

CSS

.pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	border: 1px solid #c8c8c8;
}
li:nth-child(1) .pollbar { border-color:red; }
li:nth-child(2) .pollbar { border-color:blue; }
li:nth-child(3) .pollbar { border-color:black; }