{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}
  <div class="a-progress {{classes}}">
    <div class="a-progress__bar" style="width:{{data.value}}"></div>
  </div>
{% endmacro %}

{# ========================================================================= #}
{# :: Green #}
{# ========================================================================= #}
{% macro green(classes, data) %}
   <div class="a-progress a-progress--green {{classes}}">
    <div class="a-progress__bar" style="width:{{data.value}}"></div>
  </div>
{% endmacro %}