Wizard

Split complex tasks and process into steps.
1
Personal Details
2
Address Details
When to use
Use the Wizard to present numbered steps or conditions that the user needs to complete to reach a goal. Use it to split large tasks into more manageable steps. Wizards usually include explicit button navigation to move a step forward or backward. 
With Icons
Display icons inside wizard steps by replacing its content.
Personal Details
Address Details
Empty
Display empty wizard steps by removing its content. These steps will look as small circles.
Personal Details
Address Details
Use Top Label
If true, label is placed above the icon.
1
Personal Details
2
Address Details
Orientation
Changes the Wizard to be vertically stacked.
1
Personal Details
2
Address Details
See more information on implementing this pattern in the product documentation
Click here to see your activities