CircularProgress

Circular progress indicators show the progress of ongoing tasks.

Usage

Import the component:

import 'mdui/components/circular-progress.js';

Import the TypeScript type:

import type { CircularProgress } from 'mdui/components/circular-progress.js';

Example:

Examples

Determinate Progress

By default, the circular progress indicator is in an indeterminate state. To set the current progress, use the value attribute. The default maximum progress value is 1.

To set the maximum progress value, use the max attribute.