ProgressBar

Vis hvor langt noe har kommet, eller en ubestemt linje når varigheten er ukjent.

Hvorfor det hjelper

• Bestemt eller ubestemt
• Tilgjengelig
• Enkel

Hvor det passer

• Opplastinger
• Importer
• Forløp i flere trinn

Eksempel

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

Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller · Dokumentasjon