> For the complete documentation index, see [llms.txt](https://pb-apps.gitbook.io/ant-quiz-kit/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pb-apps.gitbook.io/ant-quiz-kit/getting-started/how-do-i-customize-progress-bar.md).

# How do I customize progress bar?

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:

<figure><img src="/files/bkwsaOAtOqxht9k7rHLH" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/QX8WGPcJgwFgWcpguXWF" alt=""><figcaption></figcaption></figure>

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):

<figure><img src="/files/MjdxRB2ID9N2y6j6kGzQ" alt=""><figcaption></figcaption></figure>

Circles:

<figure><img src="/files/NYBaWUkciRUk3tCTz9Bd" alt=""><figcaption></figcaption></figure>

Dashes:

<figure><img src="/files/fiLSXryge4QD6YXJyON5" alt=""><figcaption></figcaption></figure>

Boxes:

<figure><img src="/files/jIDRRbjRPinheSy5FlTc" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/soG7sGiazkUVntYLgKUU" alt=""><figcaption></figcaption></figure>

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