All Collections
Creating Experiences
How can I show the Tour progress to users?
How can I show the Tour progress to users?

Learn how you can add the progress indicator or breadcrumbs to your Tour Steps

Pulkit Agrawal avatar
Written by Pulkit Agrawal
Updated over a week ago

An important component of delivering successful guidance is managing user expectations. You can achieve this easily in Chameleon, by adding a progress indicator to the Tours you create. This communicates how much investment you expect from your users and they can engage at

Availability & Usage

πŸ” Available for all plans

πŸ“ Here for better Tours

βš™οΈ Add from the Builder

To add an automatic progress indicator within the Steps of your Tour, click on the "Progress" button in the Design section of the Builder.

In the Progress panel, you'll see the different options you can choose from, switching between:

  • text

  • breadcrumbs

  • links

  • chain

  • progress bar

Here, you can also change the position of the progress bar inside your Step, as well as update its color.

πŸ’‘ We track Tour progress on a per-browser basis, so your users can not continue a Tour that they've already started (but not engaged with) on a different browser.

πŸŽ“ Do you want to learn more about successful product adoption? Check out our Best Practices Academy.


Did this answer your question?