LinearProgress

O LinearProgress mostra o progresso de uma operação do sistema: upload, processamento, carregamento, etc, de forma visual.

Playground

Propriedades

Nome (* = obrigatório)

Tipo

Valores

Descrição

label

string

O texto para ser mostrado como label da barra de progresso.
Caso a barra de progresso não tenha uma label, um aria-label deve ser provido para garantir sua acessibilidade.

labelAlignment

LinearProgressLabelAlignment

  • left (default)

  • center

  • right

Define o alinhamento do label da barra da progresso.
Por padrão, ele é mostrado na esquerda.

labelPlacement

LinearProgressLabelPlacement

  • above (default)

  • below

Define a posição em que o label da barra da progresso será mostrado.
Por padrão, ele é mostrado acima da barra de progresso.

percentageInfo

string

O texto que indica o estado atual (porcentagem) da barra de progresso.
Pode ser um valor em %, assim como outros formatos (ex.: 2/5).

percentageInfoPlacement

LinearProgressPercentageInfoPlacement

  • above (default)

  • below

  • with-bar

Define a posição em que o texto que indica o estado atual (porcentagem) da barra da progresso será mostrado.
Por padrão, ele é mostrado acima da barra de progresso.

progressPercentage

number

O valor do progresso da barra de progresso, em número.
Define o quanto a barra de progresso será preenchida. Deve ser um valor entre 0 e 100.
Por padrão seu valor é 0, mas idealmente ele deve ser sempre especificado.

thickness

LinearProgressThickness

  • thin

  • thick (default)

Define a grossura da barra de progresso.
Por padrão seu valor é thick.

customProps

{ bar?: ComponentPropsWithRef<'div'>; }

Adiciona propriedades específicas para elementos filhos.