View Source SaladUI.Progress (SaladUI v1.0.0-beta.3)
Implementation of Progress component for displaying completion percentages or loading states.
Progress bars visually represent the completion status of an operation, providing immediate feedback about how far along a task or process is.
Examples:
<.progress value={50} />
<.progress value={75} class="w-[60%]" />
Summary
Functions
Renders a progress bar.
Functions
Renders a progress bar.
Options
:value
- The current progress value (0-100):class
- Additional CSS classes
Attributes
class
(:string
) - Defaults tonil
.value
(:integer
) - Current progress value (0-100). Defaults to0
.max
(:integer
) - Maximum value. Defaults to100
.indeterminate
(:boolean
) - Whether the progress is indeterminate. Defaults tofalse
.- Global attributes are accepted.