progress-description.html 611 B

12345678910111213
  1. {% assign size = include['size'] | default: 'sm' %}
  2. {% assign color = include.color | default: 'blue' %}
  3. <div{% if include.class %} class="{{ include.class }}"{% endif %}>
  4. <div class="d-flex mb-1 align-items-center lh-1">
  5. <div class="fs-5 font-weight-bolder m-0">{{ include.label | default: 'Label' }}</div>
  6. {% if include.description %}
  7. <div class="fs-6 text-secondary ms-2">{{ include.description }}</div>
  8. {% endif %}
  9. <span class="ms-auto fs-6 strong">{{ include.value }}%</span>
  10. </div>
  11. {% include ui/progress.html size=size value=include.value color=color %}
  12. </div>