Styling fixes and progressbar class

svelte/src/util/ProgressBar.svelte

@@ -0,0 +1,38 @@
+<script>
+export let total = 0
+export let used = 0
+let percent = 0
+$: {
+	// Avoid division by 0
+	if (total === 0) {
+		total = 1
+	}
+
+	// Don't allow more than 100% progress
+	if (used / total > 1) {
+		percent = 100
+	} else {
+		percent = (used / total) * 100
+	}
+}
+</script>
+
+<div class="progress_bar_outer">
+	<div class="progress_bar_inner" style="width: {percent}%;"></div>
+</div>
+
+<style>
+.progress_bar_outer {
+	display: block;
+	background-color: var(--layer_1_color);
+	width: 100%;
+	height: 3px;
+	margin: 6px 0 12px 0;
+}
+.progress_bar_inner {
+	background-color: var(--highlight_color);
+	height: 100%;
+	width: 0;
+	transition: width 1s;
+}
+</style>