Update v4.2 - New components, 10+ framework guides, and quality improvements. Visit Changelog

Progress Indicators

Progress indicators for rating bars, segmented meters, status trackers, and grouped progress breakdowns.

Short rating rows pair an icon label, a single position marker, and opposing end labels.

One label and score sit above a row of small square progress segments.

Stacked horizontal bars pair a left label block with a trailing response count.

Vertical progress columns place response counts above each bar and scale labels below.

A segmented progress strip sits above a four-item legend grid with mini markers and totals.

A full-width gradient track uses a single marker and a legend row above it.

A segmented multi-bar row sits above a compact breakdown list with color swatches.

A four-step status tracker highlights the current stage while keeping the remaining steps in view.

Five star rows stack short bars between the rating label and the final count.

© 2026 Preline Labs.

;