Progress & Steps Indicator

Use this progress & steps component to display progress through a sequence by breaking it up into multiple logical and numbered steps. Guide the user through a number of steps in order to complete a specified task. Each step allows for the use of multiple media options. 

Horizontal Progress Steps

Lorem ipsum dolor sit amet consectetur adipiscing elit felis, aliquet facilisi tortor blandit sem cras turpis. Varius senectus odio porttitor montes fringilla ante phasellus bibendum, condimentum nulla maecenas non cubilia nec platea aptent, orci a erat sociosqu consequat pulvinar scelerisque.

Step 1 Name

Sample Heading

Lorem ipsum dolor sit amet consectetur adipiscing elit felis, aliquet facilisi tortor blandit sem cras turpis. Varius senectus odio porttitor montes fringilla ante phasellus bibendum, condimentum nulla maecenas non cubilia nec platea aptent, orci a erat sociosqu consequat pulvinar scelerisque.

Step 2 Name

Step 2 Heading

Lorem ipsum dolor sit amet consectetur adipiscing elit, ultricies mus torquent tincidunt ut magna, vulputate accumsan habitasse dignissim massa quisque.

  • Lorem ipsum dolor sit amet consectetur, adipiscing elit nisi.
  • Vulputate commodo vehicula praesent venenatis odio, ligula magnis a.
  • Iaculis platea class nullam tristique, nec auctor cras.
  • Facilisis cursus justo fames urna, ultricies condimentum vel.
  • Netus scelerisque cras luctus eu, elementum velit nec.

Call to Action

Step 3 Name

Step 3 Heading

Watch this video.

Final Step Name
Success!
You have reached the last step.