Към съдържанието
ОБРАТНА ВРЪЗКА · FREE

ProgressBar

Покажете докъде е стигнало нещо.

Покажете докъде е стигнало нещо или неопределена лента, когато продължителността е неизвестна.

Защо помага

  • Определена или неопределена
  • Достъпна
  • Проста

Къде пасва

  • Качвания
  • Импорти
  • Многостъпкови процеси
Контролата ProgressBar в страница на RayCraft

Пример

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

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли ยท Документация