Steppers

Stepper design using bullet points to indicate steps in a process.

Source code

The source code for Bullets can be found at the following location, inside the downloaded package:

A variation of bullet steppers with a stacked layout for a compact representation of steps.

Source code

The source code for BulletsStacked can be found at the following location, inside the downloaded package:

Circular steppers that visually represent steps in a process.

Source code

The source code for Circles can be found at the following location, inside the downloaded package:

Stacked circle steppers providing a vertically aligned representation of progress stages.

Source code

The source code for CirclesStacked can be found at the following location, inside the downloaded package:

A linear stepper design, indicating progress along a straight line.

Source code

The source code for Line can be found at the following location, inside the downloaded package:

Progress steppers that showcase the advancement through stages in a clear, linear format.

Source code

The source code for Progress can be found at the following location, inside the downloaded package: