{#
/**
 * @file
 * Default theme implementation 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.
 *
 * @ingroup themeable
 */
#}
<div class="progress" data-drupal-progress>
  {% embed 'kern_ux_canvas:progress' with {
    label: label,
    attributes: attributes|default(create_attribute()),
    label_position: 'top',
    value: percent,
    max: 100,
  } %}{% endembed %}
  {% if message %}
    <div class="kern-body">
      {{ message }}
    </div>
  {% endif %}
</div>

