SaladUI.Progress (SaladUI v1.0.0)

Copy Markdown View Source

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

progress(assigns)

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.