1 files changed, 17 insertions, 0 deletions
diff --git a/Pages/Component/ProgressBar.razor b/Pages/Component/ProgressBar.razor
new file mode 100644
index 0000000..aa22194
--- /dev/null
+++ b/Pages/Component/ProgressBar.razor
@@ -0,0 +1,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());
+		}
+	}
+}