@props([
    'label' => null,
    'percent' => 0,
    'color' => 'primary',
    'height' => null,
    'animated' => false,
    'striped' => false,
    'pclass' => ''
])

@php
    $attributes = $attributes->class([
        'progress-bar',
        'progress-bar-animated' => $animated,
        'progress-bar-striped' => $striped,
        'bg-' . $color => $color,
    ])->merge([
        'style' => 'width: ' . $percent . '%',
    ]);
@endphp

<div class="progress {{ $pclass }}" style="{{ $height ? 'height: ' . $height . 'px;' : '' }}">
    <div {{ $attributes }}>
        {{ $label ?? $slot }}
    </div>
</div>