BarCounter

LastUpdate : 2019/08/27

Structure

<div class="module-barcounter">

    <!--  for loop [item in data]  -->
    <div class="barcounter-group">

        <!-- if item.title != '' -->
        <div class="title-container">
            <p>{item.title}</p>        
        </div>

        <div class="bar-container bar-{forloop.index}">
            {item.barText}
            <div class="bar" style="width:{item.percent}%; background-color:{item.color};"></div>
        </div>
    </div>
    <!--  for loop End  -->

</div>