MDUIDocs
Copier le lien llms.txtCopier le lien llms-full.txtVoir cette page en MarkdownDiscuter de cette page avec ChatGPTDiscuter de la documentation complète avec ChatGPT
Couleurs prédéfinies
Couleur personnalisée
Extraire du fond d'écran
Veuillez sélectionner un fond d'écran
Premiers pas
Développement assisté par l'IA
Styles
Intégration avec les frameworks
Composants
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
Fonctions
Bibliothèques

CircularProgress

L'indicateur de progression circulaire sert à indiquer la progression d'une tâche, comme le chargement de données ou l'envoi d'un formulaire.

Utilisation

Importez le composant :

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

Importez le type TypeScript correspondant :

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

Exemple d'utilisation :

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

Exemples

Progression déterminée

L'indicateur de progression circulaire est par défaut en mode indéterminé. Vous pouvez définir la progression actuelle avec l'attribut value (la valeur maximale par défaut est 1).

Vous pouvez définir la valeur maximale avec l'attribut max.

API

Propriétés

Attribut HTMLPropriété JavaScriptReflectTypeDéfaut
maxmaxnumber1

Valeur maximale du Circular Progress. La valeur par défaut est 1.

valuevaluenumber-

Valeur actuelle du Circular Progress. Si cette valeur n'est pas spécifiée, l'état est indéterminé.

Chapitre précédent
Chip
Chapitre suivant
Collapse
Sur cette page