{# ========================================================================= #}
{# :: Inheritance #}
{# ========================================================================= #}
{% extends "brandplatform/base/extends/component/page.njk" %}

{# ========================================================================= #}
{# :: Info #}
{# ========================================================================= #}
{% set info %}

  A custom progress-bar to show how far along the user is in the process.
  Set the **width** of the `a-progress__bar` to visualise the progress.

{% endset %}

{# ========================================================================= #}
{# :: Modifiers #}
{# ========================================================================= #}
{% set modifiers %}

- a-progress--green

  To visualise a green version

{% endset %}

{# ========================================================================= #}
{# :: States #}
{# ========================================================================= #}
{# {% set states %}

{% endset %} #}

{# ========================================================================= #}
{# :: JavaScript #}
{# ========================================================================= #}
{# {% set javascript %}

{% endset %} #}