Koala logo Design
No matches for “
↑↓ navigate open Esc close
PrimitivesDisplayProgress

Progress

A track and fill showing value out of max, with an optional label and figure above it and a note beneath.

<koala-progress>

Progress

Joey's checking each file…0 of 34 checked
Joey's checking each file…12 of 34 checked
Joey's checking each file…34 of 34 checked
The caller owns drill-through anchors and their transport.
Toward a target. Auto tone turns success once the target is met; pace shows where the period should be by now.

Quotes issued

308

of 398

90 to go

Quotes accepted

844

of 900

Target met

API

label string? — Shown on the left of the row above the bar.
value decimal — How much is done.
max decimal — How much there is altogether.
value-expression string? — Alpine expression for ; wins over it when set.
max-expression string? — Alpine expression for ; wins over it when set.
show-total bool — Print the total beside the figure — "12 of 34" rather than "12".
noun string? — The word for one unit, tacked onto the count: "12 of 34 checked".
caption string? — A muted note just left of the figure — a share like "24%" giving the count context.
footer string? — A muted note right-aligned beneath the bar, naming what the full track means.
format string — Numeric format for the figures.
tone Tone — The fill's colour.
auto-tone bool — target progress; turns success once value reaches max.
pace double? 0-100 — expected target progress, rendered beneath the actual fill.
show-caption bool — show the Target caption beneath target progress.
track-class string? — target rail classes for an owning surface.
bar bool — Draw the track.
class string?