Primer

HTML

<div class="line-statistic" data-min="0" data-max="100">
	<span class="line-statistic__title">The Title</span>
	<span class="line-statistic__text">
		<span class="line-statistic__value">65</span>%	</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": 100,
    "stat_title": "The Title",
    "stat_value": 65
}

The Title 65%