---
title: Spinner
description: Spinner api.
---

import SlintProperty from '@slint/common-files/src/components/SlintProperty.astro';
import CodeSnippetMD from '@slint/common-files/src/components/CodeSnippetMD.astro';
import Link from '@slint/common-files/src/components/Link.astro';

<CodeSnippetMD imagePath="/src/assets/generated/std-widgets-spinner.png"  imageWidth="200" imageHeight="200"  imageAlt='std-widgets spinner example'>

```slint playground
import { Spinner } from "std-widgets.slint";
export component Example inherits Window {
    width: 80px;
    height: 80px;
    Spinner {
        progress: 50%;
    }
}
```
</CodeSnippetMD>

The `Spinner` informs the user about the status of an on-going operation, such as loading data from the network. It provides the same properties as
<Link type="ProgressIndicator" /> but differs in shape.

## Properties

## indeterminate
<SlintProperty typeName="bool" propName="indeterminate" defaultValue="false" >
Set to true if the progress of the operation cannot be determined by value.
</SlintProperty>

## progress
<SlintProperty typeName="float" propName="progress" defaultValue="0" >
Percentage of completion, as value between 0 and 1. Values less than 0 or greater than 1 are capped.

```slint "progress: 0.5;"
Spinner {
    progress: 0.5;
}
```
</SlintProperty>
