Progress
Overview
Section titled “Overview”Progress renders NaviusProgress with a NaviusProgressIndicator styled as a
transform-based fill: the indicator is translated left by (100 - percentage)% to reveal
the filled portion, so the same element works for both determinate and (a null Value)
indeterminate states.
Install
Section titled “Install”navius add progress --to ./src/MyApp --namespace MyApp.Ui@using Zits.Ui.Components
<ZitsProgress Value="66" />Parts and props
Section titled “Parts and props”Progress is a fixed two-part composition (NaviusProgress + one
NaviusProgressIndicator). Value, Max, and GetValueLabel are the primitive’s own
props and pass through unchanged; the wrapper adds no new props, only the transform-based
fill styling.
| Prop | Type | Default | Description |
|---|---|---|---|
Value |
double? |
null |
Current value. null renders an indeterminate progress bar. |
Max |
double |
100 |
Maximum value. |
GetValueLabel |
Func<double?, double, string?>? |
null |
Optional accessible value-text builder, e.g. v => $"{v}%". |
Styling surface
Section titled “Styling surface”Attributes on ZitsProgress merges with the base track class via Cn.Merge and
forwards to NaviusProgress. The indicator’s fill class is fixed (not overridable per
instance); only the inline transform is computed per render.
Data attribute hooks
Section titled “Data attribute hooks”None referenced by the styled classes; the fill is driven by an inline transform: translateX(...)
computed from Value/Max, not a data-attribute selector.