{#
/**
 * @file
 * Default theme implementation from YAML form wizard progress.
 *
 * Available variables:
 * - yamlform: A YAML form.
 * - pages: Array of wizard pages.
 * - current_page: Current wizard page.
 * - total_pages: Current wizard page.
 * - percentage: Percentage completed.
 * - bar: A progress bar.
 *
 * @see template_preprocess_yamlform_progress()
 *
 * @ingroup themeable
 */
#}
{{ attach_library('yamlform/yamlform.progress') }}

<div class="yamlform-progress">

  {{ bar }}

  {% if pages or percentage %}
    <div class="yamlform-progress-status">
      {% if pages %}
        <span class="yamlform-progress-pages">{{ pages }}</span>
        {% if percentage %}
          <span class="yamlform-progress-percentage">({{ percentage }})</span>
        {% endif %}
      {% else %}
        <span class="yamlform-progress-percentage">{{ percentage }}</span>
      {% endif %}
    </div>
  {% endif %}

</div>