a determinate bar over a track at a tenth of the accent
mounted as progress-bar
why it looks like this
The determinate half of the same ProgressBar template: two 4 px rectangles, one over the other.
The track is the accent at a tenth, not a grey. ProgressBarTrack is Fill="{TemplateBinding Background}" with Opacity="0.1", and the style sets both Background and Foreground to PhoneAccentBrush — so an amber theme gets an amber ghost behind an amber bar, and this used KvadrantColors.inactive, a neutral, which reads as a Material track wearing Metro's colours.
Padding="{StaticResource PhoneHorizontalMargin}" — 12,0 — is the template's, and applies to the determinate root as much as to the dots.
Read it: kvadrant-core/src/commonMain/kotlin/io/github/youndie/kvadrant/components/Controls.kt · the full signature and every parameter