add file uploading and multi-threading

1 files changed, 41 insertions, 0 deletions

diff --git a/static/widgets/upload-bar/index.css b/static/widgets/upload-bar/index.css
new file mode 100644
index 0000000..8ec1697
--- /dev/null
+++ b/static/widgets/upload-bar/index.css
@@ -0,0 +1,41 @@
+
+#container {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: calc(100% - 10px);
+	height: 100px;
+	background: #efefef99;
+	backdrop-filter: blur(10px);
+	border-radius: var(--border-radius);
+	max-width: 500px;
+	padding: 10px 20px;
+	display: grid;
+}
+
+#files {
+	background: #efefef;
+	padding: 10px;
+	border-radius: 20px;
+	margin: auto;
+	width: min-content;
+	white-space: nowrap;
+}
+
+#inner-progress {
+	width: 100%;
+	height: 5px;
+	border-radius: 5px;
+	background: #efefef;
+	overflow: hidden;
+	margin: auto;
+}
+
+
+#progress {
+	background: var(--primary);
+	height: 100%;
+	border-radius: 5px;
+	transition: width 0.2s ease;
+}