@props(['value' => 0, 'color' => 'blue'])

@php
$val = max(0, min(100, (float)$value));
$bar = [
    'blue' => 'bg-blue-600',
    'green' => 'bg-green-600',
    'gray' => 'bg-gray-500',
    'yellow' => 'bg-yellow-500',
    'red' => 'bg-red-600',
][$color] ?? 'bg-blue-600';
@endphp

<div class="w-full bg-gray-200 dark:bg-gray-700 rounded h-2">
    <div class="h-2 rounded {{ $bar }}" style="width: {{ $val }}%"></div>
</div>