All Mockups ↗ EN JA
Component Studio

Status Bar — Design Options

The refined classic set (A / B / C) alongside five fresh premium directions (D–H). All shown at 25%, with In Production active — 3 of 9 stages complete. Stages: Inquiry · Contract · Shop Drawings · In Production · Production Complete · QC & Inspection · Pre-Ship · Shipped · Delivered.

ExistingCurrent bar
The original thin gradient progress bar with circular milestone nodes.
Production Status
In Production
25%Overall complete
Inquiry
Contract
Shop Drawings
In Production
Production Complete
QC & Inspection
Pre-Ship
Shipped
Delivered
Option ARefined Classic
18px rounded bar, warm three-stop gradient, diamond nodes and a dotted-grid texture on the road ahead.
Production Status
In Production
25%Overall complete
Inquiry
Contract
Shop Drawings
In Production
Production Complete
QC & Inspection
Pre-Ship
Shipped
Delivered
Option BSegmented Pipeline
Nine discrete segments with clean gaps; the active segment pulses and floats a status tooltip.
Project Pipeline
In Production
25%Overall complete
25% · In Production
Inquiry
Contract
Shop Drawings
In Production
Production Complete
QC & Inspection
Pre-Ship
Shipped
Delivered
Option CFloating Milestone
A hairline base rail with a floating accent bar and circular badge nodes; done labels rise above, upcoming drop below.
Item Status
In Production
25%Overall complete
Inquiry Contract Shop Drawings In Production Production Complete QC & Inspection Pre-Ship Shipped Delivered
Option DHorizon
A thick 48px track — highlighted completed cells, a forward-chevron active phase, and striped road ahead.
Stage
In Production
25%Overall complete
Inquiry
Contract
Shop Drawings
In Production
Production Complete
QC & Inspection
Pre-Ship
Shipped
Delivered
Option EBlueprint
A deep slate track where every phase name lives inside the bar; a blinking cursor marks the live stage.
Production Pipeline
25%
Inquiry
Contract
Shop Draw.
In Prod.
Prod. Cmpl.
QC & Insp.
Pre-Ship
Shipped
Delivered
Option FTicker Tape
Woven hatching on completed phases, chunky white dividers, phase numbers above and the live label running inside.
25%Overall complete
In Production
01020304 0506070809
In Production
Shop Drawings In Production Production Complete
Option GThermal
A heat-map bar cooling to hot across progress, split into cells, with a shimmer on the live phase and a pointer at the burn line.
Thermal Progress
In Production
25%Overall complete
▼
Inquiry
Contract
Shop Drawings
In Production
Production Complete
QC & Inspection
Pre-Ship
Shipped
Delivered
Option HSpine
A structural two-band bar — the fill spine on top, an aligned index strip of phase names beneath, with a pointer into the live stage.
Status
Stage 4 of 9
25%Overall complete
Inquiry
Contract
Shop Draw.
In Prod.
Prod. Cmpl.
QC & Insp.
Pre-Ship
Shipped
Delivered