LinearProgress
Gli indicatori di progresso lineari sono barre orizzontali che mostrano lo stato di avanzamento delle operazioni in corso, come il caricamento dei dati o l'invio di moduli.
Utilizzo
Importa il componente:
import 'mdui/components/linear-progress.js';
Importa il tipo TypeScript:
import type { LinearProgress } from 'mdui/components/linear-progress.js';
Esempio:
<mdui-linear-progress></mdui-linear-progress>Esempi
Progresso Determinato
Per impostazione predefinita, l'indicatore di progresso lineare è in uno stato indeterminato. Usa l'attributo value per impostare il progresso corrente. Il valore massimo di progresso predefinito è 1.
Imposta il valore massimo di progresso con l'attributo max.
API
CSS Custom Property
| Nome |
|---|
--shape-corner |
Dimensione dell'arrotondamento degli angoli del componente. È possibile specificare un valore in pixel, ma si consiglia di fare riferimento al Design Token. |
In questa pagina