Form Wizards Native AngularJS form wizard

Form Wizard Horizontal (no validation)
  1. Login

    Duis volutpat nunc at ligula tincidunt non aliquam.
  2. Personal

    Nulla pharetra imperdiet sapien ac faucibus.
  3. Contact

    Sed elementum lorem dolor, id fermentum metus.
  4. Done!

    Nullam sit amet magna vestibulum libero.
Login
Personal
Contact

Done!

In vulputate mattis ipsum vitae vehicula. Praesent at arcu non arcu convallis pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Form Wizard Vertical (no validation)
  1. Login

  2. Personal

  3. Contact

  4. Done!

Done!

In vulputate mattis ipsum vitae vehicula.

Form Wizard No indicator (no validation)
1. Login
2. Personal
3. Contact
4. Last Step

Done!

In vulputate mattis ipsum vitae vehicula.

Form Wizard Horizontal (with validation)
  1. Login

    Duis volutpat nunc at ligula tincidunt non aliquam.
  2. Personal

    Nulla pharetra imperdiet sapien ac faucibus.
  3. Contact

    Sed elementum lorem dolor, id fermentum metus.
  4. Done!

    Nullam sit amet magna vestibulum libero.
Login
This field is invalid
This field is invalid
This field is invalid
Personal
This field is invalid
This field is invalid
Contact
This field is invalid
This field is invalid

Done!

In vulputate mattis ipsum vitae vehicula. Praesent at arcu non arcu convallis pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.