ProgressBar

Mostre quanto algo já avançou, ou uma barra indeterminada quando a duração é desconhecida.

Por que ajuda

• Determinada ou indeterminada
• Acessível
• Simples

Onde se encaixa

• Envios
• Importações
• Fluxos em várias etapas

Exemplo

<Stack Direction="StackDirection.Column" Spacing="4">
    <ProgressBar Value="_value" Label="Upload" />
    <ProgressBar Value="80" Severity="Severity.Success" Label="Done" />
    <ProgressBar Label="Loading" />
    <Stack>
        <Button Size="Size.Small" OnClick="() => _value = Math.Max(0, _value - 10)">−10</Button>
        <Button Size="Size.Small" OnClick="() => _value = Math.Min(100, _value + 10)">+10</Button>
    </Stack>
</Stack>

@code {
    private double _value = 40;
}

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles · Documentação