Primer

HTML

<div class="line-statistic" data-min="0" data-max="1000">
	<span class="line-statistic__title">The Title</span>
	<span class="line-statistic__text">
		<span class="line-statistic__value">800</span> of 1000 	</span>
	<div class="line-statistic__line-wrapper">
		<div class="line-statistic__line-actual js-pre-animated"></div>
	</div>
</div>

Twig

<div class="line-statistic" data-min="{{stat_min}}" data-max="{{stat_max}}">
	<span class="line-statistic__title">{{stat_title}}</span>
	<span class="line-statistic__text">
		<span class="line-statistic__value">{{stat_value}}</span>{% if stat_of %} of {{ stat_of }} {% else %}%{% endif %}
	</span>
	<div class="line-statistic__line-wrapper">
		<div class="line-statistic__line-actual js-pre-animated"></div>
	</div>
</div>

{
    "stat_min": 0,
    "stat_max": 1000,
    "stat_title": "The Title",
    "stat_value": 800,
    "stat_of": 1000
}

The Title 800 of 1000