{#
/**
 * @file
 * Template for Progress component.
 */
#}
{% set id = attributes.id|default(id)|default('progress-bar') %}
{% set label_position = label_position|default('top') %}

<div {{ attributes.addClass('kern-progress').removeAttribute('id') }}>
  {% if label_position == 'bottom' %}
    <progress id="{{ id }}" value="{{ value }}" max="{{ max }}"></progress>
  {% endif %}
    <label class="kern-label" for="{{ id }}">
      {% block label %}
        {{ label }}
      {% endblock %}
    </label>
  {% if label_position == 'top' %}
    <progress id="{{ id }}" value="{{ value }}" max="{{ max }}"></progress>
  {% endif %}
</div>
