Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Components

Process lists

The process list, also known as the subway map, is used in a static informational context to describe the process to apply for a benefit or to provide tracking information to a user where they are in a given process.

  1. Heading for step one.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Heading for step two.
    Sed sed mi mattis orci posuere suscipit. Nunc eu sapien sit amet nibh finibus rutrum. Duis sit amet libero sapien. Nam cursus lobortis tincidunt.
  3. Heading for step three.
    Fusce sit amet egestas elit, id suscipit dolor. Nam sed augue nibh. In euismod aliquam lacinia
<ol class="process">
  <li class="process-step list-one">
    <b>Heading for step one.</b><br>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 </li>
  <li class="process-step list-two">
    <b>Heading for step two.</b><br>
    Sed sed mi mattis orci posuere suscipit. Nunc eu sapien sit amet nibh finibus rutrum. Duis sit amet libero sapien. Nam cursus lobortis tincidunt.
  </li>
  <li class="process-step list-three">
    <b>Heading for step three.</b><br>
    Fusce sit amet egestas elit, id suscipit dolor. Nam sed augue nibh. In euismod aliquam lacinia
 </li>
</ol>

Usability

Guidance

  • Can be used to display up to 20 steps.
  • List headings should start with a verb.
  • Make headings clear and concise. You can always write more content in paragraphs and other HTML elements below the heading.
  • Do not stack.

When to use

  • When users need to see a list of sequential steps.
  • In a multi-step process where the user may need to track progress over an extended period.

When to consider something else

  • The list is a checklist.
  • The information is not sequential.