JSFiddle - React, Tailwind, and code Playground

HTML

<div class="chart">
    <div class="bar-container">
        <div data-percentage="70" class="bar">Product 1</div>
        <div data-percentage="30" class="bar">Product 2</div>
        <div data-percentage="90" class="bar">Product 3</div>
    </div>
</div>

CSS

.chart {
    width:320px;
	height:200px;
	background-image:url('http://s15.postimg.org/ku83p3fvf/bars.png');
	background-repeat:no-repeat;
	background-size:contain;
	position: relative;
}
	.chart .bar-container {
		position:absolute;
		bottom:30px;
		width:100%;
	}
		.chart .bar-container .bar {
		    background:#55565a;
			margin-top:5px;
			color:#fff;
			font-size:16px;
			padding:2px 0;
		}

JavaScript

$('.bar').each(function() {
    percentage = $(this).attr('data-percentage');
    $(this).css('width',percentage+'%');
});