Progress Component

Name: Artsoven UI
Author: Ozzy Mac

The Progress component is a visual indicator used to show the status of an ongoing process, such as loading, uploading, or completing a task.

Progress

<progress class="progress" value="50" max="100"></progress>ss

<progress className="progress" value="50" max="100"></progress>

<progress class="progress progress-primary" value="40" max="100"></progress>

<progress class="progress progress-secondary" value="20" max="100"></progress>

<progress class="progress progress-info" value="90" max="100"></progress>

<progress class="progress progress-warning" value="75" max="100"></progress>

<progress class="progress progress-success" value="85" max="100"></progress>

<progress class="progress progress-error" value="45" max="100"></progress>

<progress className="progress progress-primary" value="40" max="100"></progress>

<progress className="progress progress-secondary" value="20" max="100"></progress>

<progress className="progress progress-info" value="90" max="100"></progress>

<progress className="progress progress-warning" value="75" max="100"></progress>

<progress className="progress progress-success" value="85" max="100"></progress>

<progress className="progress progress-error" value="45" max="100"></progress>

<progress class="progress" value="30" max="100"></progress>

<progress class="progress progress-primary h-3" value="40" max="100"></progress>

<progress class="progress progress-secondary h-4" value="20" max="100"></progress>

<progress className="progress" value="30" max="100"></progress>

<progress className="progress progress-primary h-3" value="40" max="100"></progress>

<progress className="progress progress-secondary h-4" value="20" max="100"></progress>