MDUIDocs
Copiar link do llms.txtCopiar link do llms-full.txtVer esta página em MarkdownDiscutir esta página no ChatGPTDiscutir documentação completa do projeto no ChatGPT
Cores predefinidas
Cor personalizada
Extrair cor do papel de parede
Selecione um papel de parede
Primeiros Passos
Desenvolvimento assistido por IA
Estilos
Integração com Frameworks
Componentes
Avatar AvatarBadge BadgeBottomAppBar Barra de aplicativo inferiorButton BotãoButtonIcon Botão de íconeCard CardCheckbox CheckboxChip ChipCircularProgress Indicador de progresso circularCollapse CollapseDialog DiálogoDivider DivisorDropdown DropdownFab Botão de ação flutuanteIcon ÍconeLayout LayoutLinearProgress Indicador de progresso linearList ListaMenu MenuNavigationBar Barra de navegaçãoNavigationDrawer Gaveta de navegaçãoNavigationRail Trilho de navegaçãoRadio RadioRangeSlider Slider de intervaloSelect Campo de seleçãoSegmentedButton Botão segmentadoSlider SliderSnackbar SnackbarSwitch SwitchTabs AbasTextField Campo de textoTooltip TooltipTopAppBar Barra de aplicativo superior
Funções
Bibliotecas

CircularProgressIndicador de progresso circular

O indicador de progresso circular exibe o andamento de uma tarefa, como carregamento de dados ou envio de formulário.

Como usar

Importe o componente quando necessário:

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

Importe o tipo TypeScript do componente quando necessário:

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

Exemplo de uso:

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

Exemplos

Progresso determinado

O indicador de progresso circular por padrão é indeterminado. Use o atributo value para definir o progresso atual, onde o valor máximo padrão é 1.

Use o atributo max para definir o valor máximo do progresso.

API

Propriedades

AtributoPropriedadeReflectTipoPadrão
maxmaxnumber1

O valor máximo do indicador de progresso. O padrão é 1.

valuevaluenumber-

O valor atual do indicador de progresso. Se não for especificado, exibe o estado indeterminado.

Nesta página