# Status Animation

{% hint style="info" %}
**Block Information**

Available in: Page Flow

Toolbox Category: Page Content

Block Type: [Output](https://docs.zingy.ai/app-editor/block-anatomy#output-block)

Output Type: [*text*](https://docs.zingy.ai/app-editor/page-flow/references/value-types)
{% endhint %}

The **`Status Animation`** block is an [output block](https://docs.zingy.ai/app-editor/block-anatomy#output-block) that dynamically creates a visual indicator used for providing feedback during actions that may take some time to complete, such as data loading, form submission, or application processing. 

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FTFYNMvKyKsOpIjAehgcn%2Fimage.png?alt=media&#x26;token=8abd2944-c815-43f0-b76b-ff813e856121" alt="" width="563"><figcaption><p>Status Animation block</p></figcaption></figure></div>

It consists of the following (from left to right):

* *Type*: [Dropdown configuration setting](https://docs.zingy.ai/app-editor/block-anatomy#dropdown) with options for Spinning or Pulsing.
* *Style*: [Dropdown configuration setting](https://docs.zingy.ai/app-editor/block-anatomy#dropdown) with pre-defined color options.
* *Size*: [Dropdown configuration setting](https://docs.zingy.ai/app-editor/block-anatomy#dropdown) with pre-defined size options of Normal and Small .

{% hint style="success" %}
You can attach the block to [Set Content](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/set-content) or [Set Content in Data Design](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/set-content-in-data-design) blocks to display the content on the page or form.
{% endhint %}

***

## Usage Example

An example of the usage for the Status Animation block is shown below:

The example displays a spinning status animation using the [Set Content block](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/set-content) and then proceeds to conduct a task (in this case a database table lookup operation). When the task completes, the spinning status animation is replaced by an [Alert](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/alert) using the [Alert Text block](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/alert-text).

<figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2Fp198SCy1T3d6Y27mH9TO%2Fimage.png?alt=media&#x26;token=56c9cde0-3e55-4507-94a0-e71918aa8506" alt=""><figcaption><p>Status Animation block usage example</p></figcaption></figure>

***

## See also

[Page Flow Set Content block](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/set-content)

[Alert Text block](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/alert-text)