Form Wizard (Angular) [on hold]

We have a very long form (for signing up businesses). It's got upwards of 17 pages. It is driven by a trained agent who is entering reams of data from a potential client.

The ask is for a bar at the top of the page that acts both as a progress bar and a navigation control. It will tell the user how far along they are through the many steps required to reach the end, but also allow them to jump freely to any section they want.

There are too many steps to show all of them on-screen.

I am hoping to find an Angular plugin that accomplishes this with as little customization as possible.

I've researched a bunch - 'progress bar' and 'stepper' don't come close; 'forms wizard' is a term that's getting near what I'm looking for.

I am also open to critique of my design:

enter image description here

  • Dark green means completed step
  • Light green means current step
  • Grey means incomplete
  • Badge indicates how many missing fields (on a page already touched)
  • Dark grey is mouseover / kb focus with a popup tooltip of the step's title
Tags: