Guide step progress bar for

When you create walkthroughs in the resource center you can get this cool progress bar, I was hoping there was an easy way to get something like that on an individual guide. 



  • Hey Brandon,

    Here's our Github guide on how to do that with custom HTML/CSS.

    You can do this by adding a custom code block to your guide steps and editing the HTML/CSS. (Here's a video walkthrough of how to do it).

    The end result will look like this:


    As a disclaimer, since this is custom HTML/CSS you can adjust it to your liking but Pendo doesn't help with troubleshooting these things.

  • Thanks for sharing this Angus Yang! :) I missed the notification that you replied to this. Very neat!


Please sign in to leave a comment.

Didn't find what you were looking for?

New post