{#- chirp-ui: Progress Bar component
    Visual progress indicator with configurable styles.

    Usage:
        from "chirpui/progress.html" import progress_bar

        progress_bar(value=60, max=100)
        progress_bar(value=75, max=100, color="#78c850")
-#}

{% def progress_bar(value, max=100, label=none, variant="gold", size="md", cls="", color=none) %}
{% set resolved = color | resolve_color %}
{% set pb_variant = ("custom" if resolved else (variant | validate_variant_block("progress-bar", "gold"))) %}
{% set size = size | validate_variant(("sm", "md", "lg"), "md") %}
<div class="chirpui-progress-bar chirpui-progress-bar--{{ pb_variant }} chirpui-progress-bar--{{ size }}{{ " " ~ cls if cls else "" }}"
     role="progressbar"
     aria-valuenow="{{ value }}"
     aria-valuemin="0"
     aria-valuemax="{{ max }}"
     {% if resolved %}style="--chirpui-progress-color: {{ resolved }}"{% end %}>
    <div class="chirpui-progress-bar__track">
        <div class="chirpui-progress-bar__fill"
             style="width: {{ (value / max * 100) if max > 0 else 0 }}%">
        </div>
    </div>
    {% if label %}
        <span class="chirpui-progress-bar__label">{{ label }}</span>
    {% end %}
</div>
{% end %}