@php
    $percentage = $percentage ?? 0;
    $fullWidth = $fullWidth ?? false;
@endphp

<div class="flex items-center {{ $fullWidth ? 'justify-stretch' : 'justify-center' }}">
    <div class="flex-1 bg-gray-200 dark:bg-gray-700 rounded-full h-2">
        <div class="bg-gradient-to-r from-blue-500 to-green-500 h-2 rounded-full transition-all duration-300"
                style="width: {{ $percentage }}%">
        </div>
    </div>
    <span class="text-xs font-medium text-gray-700 dark:text-gray-300 min-w-[35px] text-right">
        {{ $percentage }}%
    </span>
</div>