Pages/Component/ProgressBar.razor


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<div id="outer">
	<div id="inner" style="width:@(Progress * 100)%">
	</div>
</div>

@code {
	private float progress = 0;

	[Parameter]
	public float Progress {
		get => progress;
		set {
			progress = value;
			InvokeAsync(() => StateHasChanged());
		}
	}
}