@props([
   'active' => '' , 'id' , 'num'
])




    <li class="nav-item" role="presentation">
        <button class="nav-link rounded-pill {{ $active ? 'active' : '' }}" data-progressbar="custom-progress-bar" id="{{ $id }}-tab" data-bs-toggle="pill" data-bs-target="#{{ $id }}" type="button" role="tab" aria-controls="{{ $id }}" aria-selected="true">{{ $num }}</button>
    </li>

