---
title: CircularProgressIndicator
description: CircularProgressIndicator API.
---

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

<CodeSnippetMD imagePath="/src/assets/generated/circularprogressindicator.png" scale="3" imageWidth="300" imageHeight="200" imageAlt="">
```slint
import { CircularProgressIndicator } from "@material";
export component Example inherits Window {
    width: 100px;
    height: 100px;
    background: transparent;
    CircularProgressIndicator {
        progress: 0.75;
        width: 80px;
        height: 80px;
    }
}
```
</CodeSnippetMD>

A `CircularProgressIndicator` displays progress in a circular form, typically used for loading or processing tasks.

## Properties

### indeterminate
<SlintProperty propName="indeterminate" typeName="bool">
Whether the indicator is in indeterminate mode (shows a looping animation instead of a specific value).
</SlintProperty>

### progress
<SlintProperty propName="progress" typeName="float">
The progress value, between 0 and 1.
</SlintProperty>