🔬
Ant Quiz Kit
  • 👋Welcome to Ant Quiz Kit
  • GETTING STARTED
    • How do I create a quiz
    • How do I add questions to my quiz?
    • How do I add question without answers?
    • How do I customize progress bar?
    • How do I preview my quiz?
    • How do I publish my quiz?
      • How do I make published Quiz on a Page full-width?
    • Personalization
  • INTEGRATIONS
    • Active Campaign
    • Facebook Pixel
    • Google Analytics
    • Klaviyo
    • Mailchimp
    • Omnisend
    • Sendlane
    • Shopify subscriptions
    • Shopify Flow
    • Shopify Customers List
    • Shopify Checkout UI
  • GENERAL
    • Is Ant Quiz Kit compatible with my theme?
    • Where I can find customers data?
    • How do we calculate conversion rate an revenue?
  • HOW TO
    • How do I use answer set condition?
    • How do I collect emails on my quiz?
    • How do I show a discount code?
    • How do I collect phone numbers on my quiz?
    • How do I create quiz with logic jumps?
    • How do I redirect customers to custom URLs?
    • How to exclude products for particular answers?
    • How do I change a theme for publishing my quiz?
    • How do I integrate Quiz with page builder apps or headless setup?
    • How do I send emails with results to my customers?
      • Email example
    • How do I delete Ant Quiz Kit app?
Powered by GitBook
On this page
  1. GETTING STARTED

How do I customize progress bar?

PreviousHow do I add question without answers?NextHow do I preview my quiz?

Last updated 2 years ago

Quiz progress bar shows your customers their current progress during answering the questions.

By default, the progress bar has type "Numeric" and shows the current question number and the total number of questions:

You can change the default progress bar view to another and customize it on "Step" tab:

Change progress bar layout, color, and font styles as you wish to make your customers' journey through Quiz look fancy.

Ant Quiz Kit allows the next type of progress bar layout styles:

Numeric (default):

Circles:

Dashes:

Boxes:

If your quiz has a big number of questions we advise your to use setting "Questions per step". This will help to decrease number of graphic elements on the question.

For instance, set "Questions per step" to 2. Now circle, dash, or box will be filled only when customer will answer two questions:

Don't forget to save your changes and enjoy your experience with customizing your quiz

😄