Indicadores de progresso

O indicador de progresso comunica o status de um tempo de processo conhecido ou desconhecido.

Princípios

Feedback claro: o indicador de progresso fornece feedback imediato.

Consistente: todos os indicadores de progresso precisam compartilhar uma linguagem visual principal para serem reconhecidos instantaneamente.

Flexível: a variedade de indicadores e estados de progresso oferece flexibilidade para comunicar o progresso.

Uso e posicionamento

Os indicadores de progresso mostram o status de um processo em tempo real.

A indicação pode expressar um progresso determinado, com um tempo de processo conhecido, como um timer.

Ou um progresso indeterminado, com tempo de processo desconhecido, como o carregamento.

check_circle

O que fazer

Use uma indicação de progresso indeterminado para mostrar tempos de processamento desconhecidos, como o carregamento.

cancel

O que não fazer

Use um indicador determinado quando o tempo de processamento for desconhecido. Isso vai dar aos usuários uma falsa sensação de progresso.

check_circle

O que fazer

Use um indicador de progresso por vez quando houver tempo ou progresso suficiente para comunicar.

cancel

O que não fazer

Não use indicadores de progresso em excesso ou quando não houver tempo e progresso suficientes para comunicar.

Anatomia

1. Parada de progresso determinado: mostra o endpoint definido.
2. Progresso atual
3. Progresso futuro
4. Processamento indeterminado
5. Linear
6. Circular

Personalização

Além de determinados e indeterminados, os indicadores de progresso também vêm em variações lineares, circulares e onduladas.

1. Ondulado
2. Linear

Todas as variantes onduladas e lineares de indicadores de progresso compartilham as mesmas propriedades, opções de personalização e padrões. A tabela a seguir descreve esses detalhes.