Styles

Using this Component

Progress markers are used to display the progress of a connection or process.


Steps

Progress markers can visually simplify a complex multi-step process. Each step is signified as a node in the component, each with its own icon. The state of each node and the connecting lines shows the progress of the process. Single-step processes should not use progress markers.

Structure

Behavior

Progress markers are not interactive components. They are meant primarily as an informational display, not as a way to control the process that they are representing.

Playground Coming Soon!

Styles

Using this Component

Progress markers are used to display the progress of a connection or process.


Steps

Progress markers can visually simplify a complex multi-step process. Each step is signified as a node in the component, each with its own icon. The state of each node and the connecting lines shows the progress of the process. Single-step processes should not use progress markers.

Structure

Behavior

Progress markers are not interactive components. They are meant primarily as an informational display, not as a way to control the process that they are representing.