Progress

A display-only value control: bind value as a 0..1 fraction and the engine fills the bar — no events, no interaction. A value outside 0..1 is clamped at render, never an error. Give it a definite width (or a grow) to size the track. For a user-adjustable value use slider; for indeterminate waits use spinner.

A progress bar rendered by the engine (dark theme)

Markup

<progress value="{upload_fraction}" width="280" />

Zig builder

ui.el(.progress, .{ .value = model.upload_fraction, .width = 280 }, .{})

Attributes

Attribute	Description
`value`	Value for slider/progress/text entry; a literal or one {binding}.
`width`	Definite width (plain number): the element is exactly this wide; content neither shrinks nor overflows it. On resizable it is the initial width.