{#
/**
 * @file
 * Theme override for a progress bar.
 *
 * Note that the core Batch API uses this only for non-JavaScript batch jobs.
 *
 * Available variables:
 * - label: The label of the working task.
 * - percent: The percentage of the progress.
 * - message: A string containing information to be displayed.
 */
#}
<div class="progress-wrapper" aria-live="polite" data-drupal-progress>
  {% if label %}
    <div class="progress__label">{{ label }}</div>
  {% endif %}

  {% include 'radix:progress' with {
    animated: true,
    striped: true,
    label: percent,
    aria_label: label,
    valuenow: percent
  } %}

  {% if message %}
    <div class="progress__description">{{ message }}</div>
  {% endif %}
</div>
