diff --git a/docs/uncompiled/artplayer/index.js b/docs/uncompiled/artplayer/index.js
index b32dddd98..0c0f1cc13 100644
--- a/docs/uncompiled/artplayer/index.js
+++ b/docs/uncompiled/artplayer/index.js
@@ -1199,7 +1199,7 @@ ${line.text}`;
   function progress(options) {
     return (art) => {
       const { icons, option, proxy } = art;
-      const { $player } = art.template;
+      const { $player, $progress } = art.template;
       return {
         ...options,
         html: `
@@ -1313,19 +1313,19 @@ ${line.text}`;
           }
           art.emit("setBar", "loaded", art.loaded || 0);
           if (!isMobile) {
-            proxy($control, "click", (event) => {
+            proxy($progress, "click", (event) => {
               if (event.target !== $indicator) {
                 setCurrentTime(art, event);
               }
             });
-            proxy($control, "mousemove", (event) => {
+            proxy($progress, "mousemove", (event) => {
               const { percentage } = getPosFromEvent(art, event);
               art.emit("setBar", "hover", percentage, event);
             });
-            proxy($control, "mouseleave", (event) => {
+            proxy($progress, "mouseleave", (event) => {
               art.emit("setBar", "hover", 0, event);
             });
-            proxy($control, "mousedown", (event) => {
+            proxy($progress, "mousedown", (event) => {
               isDragging = event.button === 0;
             });
             art.on("document:mousemove", (event) => {
diff --git a/packages/artplayer/src/control/progress.js b/packages/artplayer/src/control/progress.js
index 4d32f0668..7a7a5c6a2 100644
--- a/packages/artplayer/src/control/progress.js
+++ b/packages/artplayer/src/control/progress.js
@@ -28,7 +28,7 @@ export function setCurrentTime(art, event) {
 export default function progress(options) {
   return (art) => {
     const { icons, option, proxy } = art
-    const { $player } = art.template
+    const { $player, $progress } = art.template
 
     return {
       ...options,
@@ -169,22 +169,22 @@ export default function progress(options) {
         art.emit('setBar', 'loaded', art.loaded || 0)
 
         if (!isMobile) {
-          proxy($control, 'click', (event) => {
+          proxy($progress, 'click', (event) => {
             if (event.target !== $indicator) {
               setCurrentTime(art, event)
             }
           })
 
-          proxy($control, 'mousemove', (event) => {
+          proxy($progress, 'mousemove', (event) => {
             const { percentage } = getPosFromEvent(art, event)
             art.emit('setBar', 'hover', percentage, event)
           })
 
-          proxy($control, 'mouseleave', (event) => {
+          proxy($progress, 'mouseleave', (event) => {
             art.emit('setBar', 'hover', 0, event)
           })
 
-          proxy($control, 'mousedown', (event) => {
+          proxy($progress, 'mousedown', (event) => {
             isDragging = event.button === 0
           })