Example of the 'Steps Left' pattern

The user is about to go through the process of filling in data over several steps and is in need of guidance.

At ignition-skateshop, the current step of the checkout process is highlighted.

At ignition-skateshop, the current step of the checkout process is highlighted.

Other example images for the 'Steps Left' pattern

At ignition-skateshop, the current step of the checkout process is highlighted. At amazon.com, the finished steps are marked in color, while the remaining steps are greyed out. The wizard for creating a Google AdSense ad shows the steps involved. This is a great example of non-shopping websites using this pattern. The Steps Left pattern used at digg.com when signing up for a new account
At ignition-skateshop, the current step of the checkout process is highlighted. At amazon.com, the finished steps are marked in color, while the remaining steps are greyed out. The wizard for creating a Google AdSense ad shows the steps involved. This is a great example of non-shopping websites using this pattern. The Steps Left pattern used at digg.com when signing up for a new account