View Source SaladUI.Progress (SaladUI v1.0.0-beta.2)

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

progress(assigns)

Renders a progress bar.

Functions

Link to this function

progress(assigns)

View Source

Renders a progress bar.

Options

  • :value - The current progress value (0-100)
  • :class - Additional CSS classes

Attributes

  • class (:string) - Defaults to nil.
  • value (:integer) - Current progress value (0-100). Defaults to 0.
  • max (:integer) - Maximum value. Defaults to 100.
  • indeterminate (:boolean) - Whether the progress is indeterminate. Defaults to false.
  • Global attributes are accepted.