@php
    $state = $getState();
    $progress = is_numeric($state) ? (int) $state : 0;
    $color = match(true) {
        $progress >= 100 => 'bg-success-500',
        $progress >= 50 => 'bg-primary-500',
        $progress > 0 => 'bg-warning-500',
        default => 'bg-gray-300 dark:bg-gray-600',
    };
@endphp

<div class="flex items-center gap-2 px-3 py-4">
    <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5 overflow-hidden" style="min-width: 80px;">
        <div class="{{ $color }} h-2.5 rounded-full transition-all duration-300" style="width: {{ $progress }}%"></div>
    </div>
    <span class="text-xs text-gray-600 dark:text-gray-400 whitespace-nowrap min-w-[2.5rem] text-right">{{ $progress }}%</span>
</div>