Order

Set current to the stage the order is on and the timeline does the rest: the connector between the finished stage and the next one draws in from the top, the stage behind it snaps to a filled marker with a check, and the stage now in progress keeps a soft halo until the order moves again. Stages still ahead stay hollow on the track color, so the rail reads as a single line being filled. The screen around it counts the arrival down from a real date and carries the courier and the totals as color blocks.

Notes

• OrderTracking takes its data and its styling through parameters and reads no theme, so the same timeline works for a food order, a parcel, a return or a refund. Advancing is one value change; nothing is stored inside the view.
• The rail stretches to the height of its row, so a two-line stage detail or accessibility text sizes never leave a gap between markers. Rows keep a 44pt minimum height whatever markerSize is.
• The connector is drawn by scaling a capsule from its top edge rather than animating a height, so the draw stays smooth at any row height.
• Each stage is one VoiceOver element reading its title and its state ("With the courier, In progress, Rosa picked it up at 4:26 PM"); the timeline itself reports the stage and its position. A light impact fires when current changes.
• Reduce Motion drops the halo around the stage in progress and replaces the spring with a short ease; the rail still draws so the change is never silent.
• The example anchors the arrival to a Date and reads it through a TimelineView, so the countdown keeps time while the app is away instead of counting frames.
• OrderTrackingExample at the end of OrderTracking.swift is the screen shown in the preview; copy it as a starting point.