feat: add progress bar while uploading

1 files changed, 18 insertions, 0 deletions

diff --git a/client/assets/styles.css b/client/assets/styles.css
index 983ca51..c5b1dcc 100644
--- a/client/assets/styles.css
+++ b/client/assets/styles.css
@@ -110,6 +110,24 @@ body {
     opacity: 1;
 }
 
+.upload__progress {
+    width: 90%;
+    height: 20px;
+    background-color: #a89984;
+    border-radius: 8px;
+    overflow: hidden;
+    margin: 1rem;
+    position: absolute;
+    bottom: 5%;
+}
+
+.upload__progress__fill {
+    height: 100%;
+    width: 0;
+    background-color: #504945;
+    transition: width 0.2s ease-in-out;
+}
+
 a {
     text-decoration: none;
     color: inherit;