title: How to make a progress bar with links?
body: <p>So I'm creating an application form, and i have 9 pages of questions. at first, i had a progress bar that filled up by 1/9 every time one of the pages were completed.
  but i was told i can't do that, and must have a sort of "box" system where i have 9 boxes in a line with a title in each box, so that is the person wants to go back 3 pages to change something, they can just click on it.</p>
  
  <p>At the moment, I have a Navigation bar at the top, which is just and unordered list, set to display inline and for the bullets to be invisible, and that works quite well, so I tried to just use that, but change the words, and use it as my navigation but it's not the right size, and i need to make it so when the page has bee filled out, that section will turn purple to signify it's done, while the others remain gray.</p>