ProgressBar

Muestra hasta dónde ha llegado algo, o una barra indeterminada cuando la duración es desconocida.

Por qué ayuda

• Determinada o indeterminada
• Accesible
• Sencilla

Dónde encaja

• Cargas
• Importaciones
• Flujos de varios pasos

Ejemplo

<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;
}

Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles · Documentación