Easy Steps Overview

The easy steps are displayed as a horizontal progress bar.

 

Rules:

Thepurpose of the easy steps is to showprogress within a transaction. The wording can and should be brief.

 

If there is a confirmation page, that should be included as the final step.

 

Do not label the steps, i.e. "Three easy steps".

 

Do not allow users to jump to ahead or back to a specific step by clicking on that step, instead they should use the buttons provided below the form.

 

There are three states that a step may be displayed as, which is controlled by the CSS. They are:

 

completed_step

active_step

future_step