Zeigen Sie, wie weit etwas fortgeschritten ist, oder einen unbestimmten Balken, wenn die Dauer unbekannt ist.
Warum es hilft
- Bestimmt oder unbestimmt
- Barrierefrei
- Einfach
Wo es passt
- Uploads
- Importe
- Mehrstufige Abläufe
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.