Livewire Progress Indicators

Progress indicators:

Simple Progress Bar

public int $progress = 0;

public function processItems()
{
    $items = Item::all();
    $total = $items->count();
    
    foreach ($items as $index => $item) {
        $item->process();
        $this->progress = (($index + 1) / $total) * 100;
    }
}

View

{{ $progress }}%


    Start
    Processing...

With Steps

public int $currentStep = 1;
public int $totalSteps = 5;