PUI.Progress (pui v1.0.0)

An accessible progress bar for completion and loading states.

The component renders a progressbar role with configurable bounds and accessible labels. The host application owns the value and can update it through ordinary LiveView assigns.

Examples

<.progress value={42} label="Upload progress" />
<.progress value={3} min={0} max={10} value_text="3 of 10 items" />
<.progress value={75} class="h-3" />

Attributes

Name	Type	Default	Description
`min`	`float`	`0.0`	Minimum progress value
`max`	`float`	`100.0`	Maximum progress value
`value`	`float`	`0.0`	Current progress value
`label`	`string`	`nil`	Accessible label for the progressbar
`aria_labelledby`	`string`	`nil`	ID of an element labelling the progressbar
`value_text`	`string`	`nil`	Human-readable value announced by screen readers
`class`	`string`	`""`	Additional CSS classes

Summary

Functions

progress(assigns)

Functions

progress(assigns)

Attributes

min (:float) - Defaults to 0.0.
max (:float) - Defaults to 100.0.
value (:float) - Defaults to 0.0.
label (:string) - Defaults to nil.
aria_labelledby (:string) - Defaults to nil.
value_text (:string) - Defaults to nil.
class (:string) - Defaults to "".