@props([
    'value' => 0,
    'max' => 100,
    'label' => null,
    'showLabel' => true,
    'variant' => 'primary',
])

@php
    $percentage = $max > 0 ? min(100, round(($value / $max) * 100)) : 0;
@endphp

<div {{ $attributes }}>
    @if($showLabel)
        <div class="bv-progress__label">
            <span>{{ $label ?? 'Progress' }}</span>
            <span>{{ $percentage }}%</span>
        </div>
    @endif
    <div class="bv-progress bv-progress--{{ $variant }}" role="progressbar"
         aria-valuenow="{{ $value }}" aria-valuemin="0" aria-valuemax="{{ $max }}"
         aria-label="{{ $label ?? 'Progress' }}">
        <div class="bv-progress__bar bv-progress__bar--{{ $percentage }}"></div>
    </div>
</div>