Progress
Indicates the progress of a task.
<sa-progress value="50">
<sa-progress-indicator/>
</sa-progress>Usage
<sa-progress value="...">
<sa-progress-indicator/>
</sa-progress>Examples
Custom CSS
You can customize the look-and-feel using CSS classes.
<sa-progress value="50" class="h-8 bg-red-200 rounded-none">
<sa-progress-indicator class="bg-red-500"/>
</sa-progress>Minimum and Maximum Values
Specify custom minimum and maximum values. The default values are 0 and 100 respectively.
<sa-progress minimum="50" maximum="120" value="100">
<sa-progress-indicator/>
</sa-progress>