{% load helpers %}
<div class="d-flex align-items-center gap-2">
  {% if label %}<span class="text-nowrap">{{ label }}</span>{% endif %}
  <span class="text-nowrap text-muted{% if fill %} flex-shrink-0{% endif %}"{% if fill %} style="min-width: 6.5rem; font-variant-numeric: tabular-nums"{% endif %}>{{ matched }} / {{ total }}</span>
  <span class="{% if fill %}flex-fill{% endif %}" style="{% if fill %}max-width: 50%{% else %}width: 8rem{% endif %}">
    {% widthratio matched total 100 as match_pct %}
    {% utilization_graph match_pct|add:0 %}
  </span>
</div>