How do I show page status or progress?

  • spehce_spehce676
    Asked on February 26, 2019 at 4:53 PM

    Hi - I am trying to create a form with different pages and would like to show the user a preview to the other pages to come.  I've attached an example.


    Thanks in advance for your help.

    Jotform Thread 1744282 Screenshot
  • Jed_C
    Replied on February 26, 2019 at 7:26 PM

    You can use form tabs widget https://widgets.jotform.com/widget/form_tabs. Here's a demo form https://form.jotform.com/90567087316968.

    Below is the CSS I've added to make the tabs round.

    .tabs-list.amberorange .current {

        border-radius: 50%;

        height: 56px;

        width: 0px;

    }

    .liAfter {

        display: none !important;

    }

    .tabs-list.amberorange li {

        border-radius: 50%;

        height: 56px;

        width: 0px;

    }

    Just replace the tab names with numbers like 1, 2, 3 and so on.. on each tab. 

    Let us know if you have any questions or if you need further assistance.