> This page is for Glide Classic.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://www.glideapps.com/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://www.glideapps.com/docs/_mcp/server.

# Spinner

> Display a loading indicator while data is being processed.

The **Spinner** component shows a loading animation to indicate that an action or workflow is in progress, which helps improve user experience by providing visual feedback during operations that might take time to complete.

## **Setting up the Spinner component**

#### Spinner - Arcade 1

In the [Layout Editor](https://www.glideapps.com/docs/getting-started/intro-to-layout), select the screen you want to edit.

Click on the plus (+) symbol in the **Components** panel.

Select the **Spinner** component.

Configure when the spinner should appear by setting visibility conditions.

Customize the spinner's appearance with size options (Small, Medium, or Large).

## Configuring Visibility for Spinners

Using **Spinners** with [Actions](/docs/getting-started/introduction-to-actions) and [Workflows](/docs/getting-started/introduction-to-workflows), you can show the spinner when:

* Fetching data from external sources
* Processing large amounts of information
* Waiting for a workflow to complete
* Uploading or downloading files

To make sure the spinner shows when these conditions are met, make sure the visibility conditions are set in the **Options** tab of the component configuration menu. Here you can set the component to show or hide only when certain conditions are met. For example, if you want users to see the spinner only until the last step of a workflow has completed, then set the visibility to show the component only once the data reflects that last step of the workflow has processed.

#### Spinner Arcade 2