MDUIDocs
Copia il link di llms.txtCopia il link di llms-full.txtVisualizza questa pagina in MarkdownDiscuti questa pagina con ChatGPTDiscuti la documentazione completa del progetto con ChatGPT
Colori preimpostati
Colore personalizzato
Estrai colore dallo sfondo
Seleziona uno sfondo
Guida introduttiva
Sviluppo assistito dall'IA
Stili
Integrazione con i framework
Componenti
Avatar Badge BottomAppBar Button ButtonIcon Card Checkbox Chip CircularProgress Collapse Dialog Divider Dropdown Fab Icon Layout LinearProgress List Menu NavigationBar NavigationDrawer NavigationRail Radio RangeSlider Select SegmentedButton Slider Snackbar Switch Tabs TextField Tooltip TopAppBar
Funzioni
Librerie

CircularProgress

Gli indicatori di progresso circolari mostrano lo stato di avanzamento delle attività in corso.

Utilizzo

Importa il componente:

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

Importa il tipo TypeScript:

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

Esempio:

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

Esempi

Progresso Determinato

Per impostazione predefinita, l'indicatore di progresso circolare è in uno stato indeterminato. Per impostare il progresso corrente, usa l'attributo value. Il valore massimo di progresso predefinito è 1.

Per impostare il valore massimo di progresso, usa l'attributo max.

API

Proprietà

Attributo HTMLProprietà JavaScriptReflectTipoPredefinito
maxmaxnumber1

Valore massimo dell'indicatore di progresso. Il valore predefinito è 1.

valuevaluenumber-

Valore corrente dell'indicatore di progresso. Se questo valore non è specificato, viene visualizzato come stato indeterminato.

Capitolo precedente
Chip
Capitolo successivo
Collapse
In questa pagina