Progress bar & question count

Owned by shelby.derks-wyatt
Jun 17, 2022
3 min read

What it is:

Progress bar will allow control of positioning, font styling and using images per step instead of dots.

Question count will allow position and design control over the question count, e.g. 1 of 6.

What it looks like:

Question Count:

Progress bar:

 

How to implement:

Question count:

Turn on

  1. On the workflow navigate to Actions > Settings > click edit > within the General tab > tick Show question count on widget

  2. Press save

Style

  1. On workflow navigate Actions > Settings > click Test Guide Widget

  2. Expand QUESTION COUNT

    1. This is where you can find all the associated configurations

Progress bar:

Turn on

  1. On the workflow navigate to Actions > Settings > click edit > within the General tab > untick Hide progress bar (breadcrumbs) on widget

  2. Press save

Style

  1. On workflow navigate Actions > Settings > click Test Guide Widget

  2. Expand PROGRESS BAR

    1. This is where you can find all the associated configurations for positioning and spacing

       

  3. You also have the ability to upload custom images to demonstrate the progress steps to do so,

    1. tick custom shape

  4. Expand current, next and past question

     

  5. Upload varying images to represent the different states.

    1. Be sure to press upload after choosing file

    2. Get creative, there’s an abundance of styling options with this one!

 

To create the following example, see the image uploads and configs used:

Current: scale 105%

Next: scale 100% at 40% opacity

Past: scale 100% at 70% opacity