add progress bar

2025-07-31 10:00:20 +02:00
parent 773e13a441
commit 0c32bbbc57
3 changed files with 87 additions and 24 deletions
--- a/style.css
+++ b/style.css
@@ -34,6 +34,10 @@ h1 {
 }
       
 .dragndrop { 
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 8px;
        margin-top: 5%;
        margin-bottom: 3%;
        background-color: #a3a3a3;
@@ -63,6 +67,24 @@ h1 {
        padding: 10px;
 }

+#progress-container {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+
+        width: 80%;
+        border-radius: 5px;
+        margin-top: 10px;
+}
+#progress-bar {
+        position: relative;
+        width: 100%;
+        height: 20px;
+        background-color: #eeeeee;
+        border-radius: 5px;
+        transition: width 0.3s;
+}
+
 footer {
        position: absolute;
        padding-top: 10px;