CSSUIProgressBar

CSSUIProgressBar()

CSSUIPROGRESSBAR CSS-styled horizontal progress bar backed by uihtml

Usage:

pb = CSSUIProgressBar(parent) pb = CSSUIProgressBar(parent, ‘Value’, 0.5, ‘Style’, ‘shadow’) pb = CSSUIProgressBar(parent, ‘TextPosition’, ‘above’, ‘ShowTicks’, true) pb.Value = 0.75; % live-updates, no rebuild pb.Text = ‘75% — 3s’; % live-updates, no rebuild

Inputs:

parent : graphics container – required

Name-Value Pairs:

‘Value’ : double - progress fraction 0..1 (default: 0) ‘Text’ : char - label text (default: ‘’) ‘TextPosition’ : char - ‘none’ | ‘above’ | ‘below’ | ‘on’ (default: ‘none’) ‘ShowTicks’ : logical - draw tick marks along track (default: false) (plus all CSSBase name-value pairs)

Outputs:

pb : CSSUIProgressBar handle

Notes

Standalone, fully styleable progress bar. Supports an optional text label (above, below, or overlaid) and optional tick marks. Pairs with SmoothProgressBar for timer-driven animation; fully usable on its own for deterministic 0..1 progress display.

CSS element schema:

#css-root Outer flex column container

.cssui-progressbar Widget-type class on #css-root

(also covers SmoothProgressBar)

.css-control Bar track

.css-bar Fill element .css-ticks Tick container (when ShowTicks=true)

.css-tick Individual tick marks

.css-label Text label (when TextPosition != ‘none’)

#cssbase-text Span targeted by the setText bridge command

Key CSS custom properties: –color, –bg-color, –bar-height, –bar-radius, –tick-color, –tick-height, –label-color, –progress-pct.

See also: SmoothProgressBar, CSSBase, CSSPreset, CSSProgressBarDemo

∿∿∿ Prerau Laboratory MATLAB Codebase · sleepEEG.org ∿∿∿