All Collections
Create - Design and Customize Projects
Show or Hide the Page Progress Bar and Page Navigation Buttons
Show or Hide the Page Progress Bar and Page Navigation Buttons

Choose to Show or Hide Page Progress Bar, Page Numbers and Navigation Buttons

Adrian avatar
Written by Adrian
Updated over a week ago

You can reflect page progress for your users in the project and make it easier to navigate with two simple options.

Progress Bar

When active, this shows a progress bar at the top of your project, so that participants can keep track of their progress and how far they're into the project. When hovering over the bar it also displays the page numbers. If the option "Page Navigation" is also turned on, it will show the page numbers in the bottom right between the page navigation arrows.

While it is possible to change the progress bar's color, it is not possible to make it bigger. We do however have a feature suggestion for it here, so make sure to upvote if you would like to possibly see it implemented in the future.

Page Navigation

When active, this adds two buttons at the bottom right of your project to navigate to the previous or next page (if possible). 

How to Deactivate / Activate

You can find these options in the editor below all content elements.

Change the Style for These Elements

Currently, you cannot change the size or any other style of the page navigation. However, you can change the color of the progress bar from the project design with: "highlight color".

Logic Jumps & Page Navigation / Page Progress

If your project is based on logic jumps, we recommend to turn off both options. The jumps would have larger progress transitions and you probably do not want the user to know how many pages the whole project has, since they will most likely not see all of them.

Back Button as an Alternative

If you only want to add a back button to certain pages and do not need the navigation bar present on every page, you can add a Button element to the required pages, and set the button link to "Previous page". This will also work if a Logic Jump was applied previously.

To keep the emphasis on the other elements of the page, we would recommend styling the back button as a link.

Did this answer your question?