updated real time viz ui

frontend/src/assets/styles/pages/_realTimeViz.scss

@@ -27,6 +27,50 @@
         overflow-y: auto;
         padding-bottom: 40px;
 
+        .progressBar {
+            height: auto !important;
+            padding: 12px 10px 41px 10px;
+            display: flex;
+            flex-direction: column;
+            gap: 6px;
+
+            .header {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border-bottom: none;
+            }
+
+            .stock {
+                padding: 13px 5px;
+                background-color: #E0DFFF80;
+                border-radius: 6.33px;
+                display: flex;
+                justify-content: space-between;
+
+                .stock-item {
+                    .stockValues {
+                        display: flex;
+                        flex-direction: row-reverse;
+                        align-items: flex-end;
+                        gap: 3px;
+
+                        .value {
+                            color: #4a90e2;
+                            font-size: 16px;
+                        }
+                    }
+
+                    .stock-description {
+                        font-size: 12px;
+                    }
+                }
+
+            }
+        }
+
+
+
         &::-webkit-scrollbar {
             display: none;
         }
@@ -63,6 +107,15 @@
                 padding: 4px 8px;
                 white-space: nowrap;
             }
+
+            .active {
+                background-color: #4a90e2;
+                color: #FCFDFD !important;
+            }
+        }
+
+        .zoon-wrapper.bottom {
+            bottom: 210px;
         }