Steppers

Steppers indicate progress within a sequence divided into several logical and numbered steps. The current step is displayed in Active Red, completed steps are marked black with an icon, and unfinished steps have a white background.

Desktop

Stepper1

Stepper2

Stepper3

Step 1

Step 2

Step 3


Mobile

Steppermobile1

Steppermobile2

Steppermobile3

Option 1, on gray background (Tint 4)

Option 2, on gray background (Tint 4)

Option 3, on gray background (Tint 4)

Steppermobile4

Steppermobile5

Steppermobile6

Option 1, on white background

Option 2, on white background

Option 3, on white background

Engineering progress

Enhancing lives