AvenUI.Components.Progress (AvenUI v1.0.0)

Copy Markdown View Source

Progress bar component with label, value display, colors, and sizes.

Examples

<.progress value={72} />
<.progress value={45} label="Uploading" show_value color="blue" />
<.progress value={100} color="green" label="Complete" show_value size="lg" />

Summary

Functions

progress(assigns)

Renders a progress bar with optional label and value display.

Functions

progress(assigns)

Renders a progress bar with optional label and value display.

Attributes

  • value (:integer) (required) - 0 to 100.
  • label (:string) - Defaults to nil.
  • show_value (:boolean) - Defaults to false.
  • color (:string) - Defaults to "purple". Must be one of "purple", "blue", "green", "amber", or "red".
  • size (:string) - Defaults to "md". Must be one of "xs", "sm", "md", "lg", or "xl".
  • animated (:boolean) - Defaults to true.
  • class (:string) - Defaults to nil.