refactor: update progress control to use $progress element for event handling

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) => {