diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 2e82bb3..b64a114 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -195,11 +195,16 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
             
             {/* Video scrubbing progress bar - only show during preview */}
             {duration > 0 && (
-              <div className="absolute bottom-1 left-2 right-2 h-1 bg-white/30 rounded-full overflow-hidden">
+              <div className="absolute bottom-1 left-2 right-2 h-2 bg-black/40 rounded-full overflow-hidden backdrop-blur-sm border border-white/20">
                 <div 
-                  className="h-full bg-red-500 transition-all duration-100"
+                  className="h-full bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 transition-all duration-200 ease-out shadow-lg relative"
                   style={{ width: `${(currentTime / duration) * 100}%` }}
-                />
+                >
+                  {/* Glow effect */}
+                  <div className="absolute inset-0 bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 opacity-60 blur-sm"></div>
+                  {/* Progress dot at the end */}
+                  <div className="absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2 w-3 h-3 bg-white rounded-full shadow-lg border-2 border-purple-400"></div>
+                </div>
               </div>
             )}
           </div>