MDUIDocs
Kopírovat odkaz llms.txtKopírovat odkaz llms-full.txtZobrazit tuto stránku jako MarkdownDiskutovat o této stránce s ChatGPTDiskutovat o úplné dokumentaci projektu s ChatGPT
Přednastavená barva
Vlastní barva
Extrahovat barvu z tapety
Vyberte prosím tapetu
Začínáme
Vývoj s pomocí AI
Styly
Integrace s frameworky
Komponenty
Avatar AvatarBadge OdznakBottomAppBar Spodní aplikační lištaButton TlačítkoButtonIcon Ikonové tlačítkoCard KartaCheckbox Zaškrtávací políčkoChip ChipCircularProgress Kruhový indikátor průběhuCollapse Sbalovací panelDialog DialogDivider OddělovačDropdown Rozbalovací nabídkaFab Plovoucí akční tlačítkoIcon IkonaLayout RozvrženíLinearProgress Lineární indikátor průběhuList SeznamMenu NabídkaNavigationBar Navigační lištaNavigationDrawer Boční navigační panelNavigationRail Postranní navigační lištaRadio PřepínačRangeSlider Posuvník rozsahuSelect VýběrSegmentedButton Segmentované tlačítkoSlider PosuvníkSnackbar SnackbarSwitch SpínačTabs ZáložkyTextField Textové poleTooltip TooltipTopAppBar Horní aplikační lišta
Funkce
Knihovny

CircularProgressKruhový indikátor průběhu

Kruhový indikátor průběhu je kruhová komponenta pro zobrazení průběhu úkolu, například načítání dat nebo odesílání formuláře.

Způsob použití

Importujte komponentu podle potřeby:

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

Importujte TypeScript typy komponenty podle potřeby:

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

Příklad použití:

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

Příklady

Pevný průběh

Kruhový indikátor průběhu má standardně neurčitý průběh. Pomocí atributu value můžete nastavit aktuální průběh, standardní maximální hodnota průběhu je 1.

Pomocí atributu max můžete nastavit maximální hodnotu průběhu.

API

Vlastnosti

AtributVlastnostReflectTypVýchozí
maxmaxnumber1

Maximální hodnota indikátoru průběhu. Výchozí hodnota je 1.

valuevaluenumber-

Aktuální hodnota indikátoru průběhu. Pokud tato hodnota není zadána, zobrazí se jako neurčitý stav.

Obsah na této stránce