Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
1 contributor

Users who have contributed to this file

31 lines (27 sloc) 1.17 KB
@page "/progressbar"
@using Radzen
@using NorthwindBlazor.Data
@using NorthwindBlazor.Models.Northwind
@using Microsoft.EntityFrameworkCore
<h1 style="display:inline">ProgressBar</h1><a style="margin-left: 10px" href="https://github.com/akorchev/blazor.radzen.com/blob/master/Pages/ProgressBarPage.razor" target="_blank">[source code]</a><a style="margin-left: 10px" href="https://www.radzen.com/documentation/blazor/progressbar/" target="_blank">[documentation]</a>
<p>This page demonstrates <b>ProgressBar</b> component.</p>
<RadzenCard>
<div class="row">
<div class="col-md-6">
<h3>ProgressBar in determinate mode</h3>
<RadzenProgressBar @bind-Value="@value" Style="margin-bottom: 20px" />
<br />
<h3>ProgressBar in indeterminate mode</h3>
<RadzenProgressBar Value="100" ShowValue="false" Mode="ProgressBarMode.Indeterminate" Style="margin-bottom: 20px" />
</div>
<div class="col-md-6">
<h3>Events</h3>
<RadzenCard style="overflow: auto;height:500px;">
N/A
</RadzenCard>
</div>
</div>
</RadzenCard>
@code {
double value = 55;
}
You can’t perform that action at this time.