{{#with encumbrance}}
<div class="meter progress" role="meter" aria-valuemin="0" aria-valuenow="{{ pct }}"
     aria-valuetext="{{ value }}" aria-valuemax="{{ max }}"
     style="--bar-percentage: {{ pct }}%; --breakpoint-low: {{ stops.encumbered }}%; --breakpoint-high: {{ stops.heavilyEncumbered }}%;">
    <div class="label">
        {{#if (eq units "Items")}}
        <i class="fa-solid fa-briefcase" inert></i>
        {{else}}
        <i class="fa-solid fa-weight-hanging" inert></i>
        {{/if}}
        {{#unless ../hidden}}
        <span class="value">{{ dnd5e-numberFormat value }}</span>
        <span class="separator">&sol;</span>
        <span class="max">{{{ ifThen maxLabel maxLabel (dnd5e-numberFormat max) }}}</span>
        {{/unless}}
    </div>
    {{#if ../hasBreakpoints}}
    <i class="breakpoint breakpoint-low arrow-up" role="presentation"></i>
    <i class="breakpoint breakpoint-low arrow-down" role="presentation"></i>
    <i class="breakpoint breakpoint-high arrow-up" role="presentation"></i>
    <i class="breakpoint breakpoint-high arrow-down" role="presentation"></i>
    {{/if}}
</div>
{{/with}}
