Progress
An ink bar on a hairline whose leading end is a seam of grain.
Converting 64%
States
-
Not started
data-value=0
Only the baseline: no seam, since there is no end to lead.
-
Under way
data-value=64
The bar, and the seam of grain ahead of it.
-
Done
data-value=100
Solid to the end; the seam goes with nothing left to lead into.
Anatomy
| Bar | --ink, 8px tall (4 dots) |
|---|---|
| Baseline | a 1px --border hairline the full width |
| Leading end | a seam of Bayer grain four dots deep, from 80% ink down to 20% |
| Value | data-value or aria-valuenow, in percent |
| Motion | none of its own: the bar is where the value is |
| At rest | one frame drawn per change of value |
Notes
-
Drawn
An ink bar on a hairline baseline, its leading end a seam of grain, the edge the rail’s reading progress had.
-
Open
The rail’s progress grain was replaced by the axon in October 2026, because a tone fill read as a gauge. If a progress bar ships, it should be weighed against that axon before this seam.