CircularProgressProgreso circular

El componente Progreso circular se usa para mostrar el progreso de una tarea, como la carga de datos o el envío de un formulario.

Uso

Importa el componente cuando lo necesites:

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

Importa el tipo TypeScript cuando lo necesites:

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

Uso:

<mdui-circular-progress></mdui-circular-progress>

Ejemplos

Progreso fijo

El progreso circular tiene un progreso indeterminado por defecto. El atributo value define el progreso actual; el valor máximo predeterminado es 1.

<mdui-circular-progress value="0.5"></mdui-circular-progress>

Fuente

El atributo max define el valor máximo del progreso.

<mdui-circular-progress value="30" max="100"></mdui-circular-progress>

Fuente

API

Propiedades

Atributo	Propiedad	Tipo	Predeterminado
`max`	`max`	`number`	`1`
Valor máximo del indicador de progreso. Por defecto `1`.
`value`	`value`	`number`	-
Valor actual del indicador de progreso. Si no se especifica, se muestra en estado indeterminado.

Capítulo anterior

Chip Chip

Capítulo siguiente

Collapse Collapse