made the progress cooler (double bounce)

1 files changed, 7 insertions, 11 deletions

diff --git a/src/client/views/nodes/ChatBox/ProgressBar.tsx b/src/client/views/nodes/ChatBox/ProgressBar.tsx
index 765ddbef5..0aa07213f 100644
--- a/src/client/views/nodes/ChatBox/ProgressBar.tsx
+++ b/src/client/views/nodes/ChatBox/ProgressBar.tsx
@@ -1,17 +1,13 @@
 import React from 'react';
-import './ProgressBar.scss'; // Create this CSS file for styling
+import './ProgressBar.scss';
 
-interface ProgressBarProps {
-    progress: number;
-}
-
-export const ProgressBar: React.FC<ProgressBarProps> = ({ progress }) => {
+export const ProgressBar: React.FC = () => {
     return (
-        <div className="progress-circle">
-            <svg className="progress-ring" width="120" height="120">
-                <circle className="progress-ring__circle" stroke="currentColor" strokeWidth="4" fill="transparent" r="56" cx="60" cy="60" style={{ strokeDasharray: 352, strokeDashoffset: 352 - (progress / 100) * 352 }} />
-            </svg>
-            <div className="progress-text">{Math.round(progress)}%</div>
+        <div className="spinner-container">
+            <div className="spinner">
+                <div className="double-bounce1"></div>
+                <div className="double-bounce2"></div>
+            </div>
         </div>
     );
 };