> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xquiz.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Loading

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/carregamento.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=9c8a234d5c74435e47dfadbd9f608746" width="1250" height="900" data-path="images/carregamento.png" />

The Loading element is used to display a temporary message while the quiz performs a transition, calculation, or result preprocessing. It simulates an analysis of responses, offering a more immersive experience to the user.

**What it's for**

* Create a visual pause before displaying the result.

* Simulate a personalized analysis of responses.

* Prepare the user for the next step with a feeling of real processing.

**What you can configure**

**Title and Subtitle:**

* Title: personalize the message displayed during loading (e.g., "Analyzing...").

* Subtitle: use to contextualize what's happening (e.g., "We're analyzing your responses...").

**Time:**

* Define how long the loading will last (in seconds).

**Animation:**

* Choose how the loading will appear on screen (e.g., appear).

**Full Screen:**

* Activate for the loading to occupy the center area of the screen.

**Redirect:**

* Add a redirect element along with it, if you want to automatically send the user to another page after the defined time.

**Custom colors:**

* Focus: progress bar color.

* Borders: percentage color inside the bar.

* Text: color of the displayed text.

**Usage tip!**

Use Loading to create a strategic pause between the quiz and the result. This increases expectation and reinforces the idea that the content is tailor-made for who answered.
