sidekick-1.0.x-dev/templates/usage-bar.html.twig

{% if sidekickAccountUsage %}
    {% set consumedPercentage =  (sidekickAccountUsage.message.data.used_words * 100 ) / sidekickAccountUsage.message.data.included_words %}
    <div class="progress">
        <div class="progress__track"><div class="progress__bar" style="width: {{ consumedPercentage }}%"></div></div>
        <div class="progress__percentage">{{ consumedPercentage | round(1, 'floor') }}%</div>
        <div class="progress__description">{{ '%used_words% of %included_words% words' | t | replace({'%used_words%': sidekickAccountUsage.message.data.used_words | number_format, '%included_words%' : sidekickAccountUsage.message.data.included_words | number_format }) }}</div>
    </div>
{% endif %}