Portal UI

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

<x-portal::progress value="10"/>

Publishing Component

If you want to customize the components, you can publish them by running the following command :

php artisan vendor:publish --tag=portal-ui:progress --force


Colors











<x-portal::progress value="10"/>
<x-portal::progress value="20" color="blue"/>
<x-portal::progress value="30" color="red"/>
<x-portal::progress value="40" color="orange"/>
<x-portal::progress value="50" color="purple"/>
<x-portal::progress value="60" color="lime"/>
<x-portal::progress value="70" color="green"/>
<x-portal::progress value="80" color="teal"/>
<x-portal::progress value="90" color="pink"/>
<x-portal::progress value="100" color="rose"/>