{% load i18n %}
{% if rate is not None %}
  <div class="text-center mb-2">
    <div class="fs-1 fw-bold lh-1 {% if rate >= 90 %}text-success{% elif rate >= 50 %}text-warning{% else %}text-danger{% endif %}">{{ rate }}%</div>
    <div class="text-muted small">{% trans "success rate" %} ({{ days }}d)</div>
  </div>
  <div class="progress" style="height: 6px;">
    <div class="progress-bar bg-success" role="progressbar" style="width: {{ rate }}%;"
         aria-valuenow="{{ rate }}" aria-valuemin="0" aria-valuemax="100"></div>
  </div>
  <div class="d-flex justify-content-between mt-2 small">
    <span class="text-success">{{ succeeded }} {% trans "ok" %}</span>
    <span class="text-danger">{{ failed }} {% trans "failed" %}</span>
  </div>
{% else %}
  <p class="text-muted text-center my-3 small">{% trans "No finished runs in this period." %}</p>
{% endif %}