> For the complete documentation index, see [llms.txt](https://lewe.gitbook.io/bootstrap-visuals-for-confluence/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lewe.gitbook.io/bootstrap-visuals-for-confluence/user-guide/spinner.md).

# Spinner

{% hint style="success" %}
Free Macro
{% endhint %}

## Screenshot

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

## Description

The Spinner is an animated “I am busy” indicator. You can use it for other visual purposes as well of course.

## Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Bootstrap Spinner” macro

## Macro Options

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

### **Shape**

Select the shape of the spinner

| Shape          | Description                                         |
| -------------- | --------------------------------------------------- |
| Border Spinner | A rotating open circle                              |
| Growing Circle | A circle with an animated increase in color opacity |

### **Style**

Select one of the [Bootstrap color styles.](/bootstrap-visuals-for-confluence/user-guide/bootstrap-color-styles.md)

**Size**

Select between four sizes:

1. Small
2. Normal
3. Medium
4. Large

### **Display as Button**

If you select this option, the spinner will be displayed as a button.

### **Button Text**

If the “Display as Button” option is selected, you can add a button text here that will be displayed next to the spinner.