fix: progress bar indeterminate animation (P2)

- GeneratePage.tsx: processing 状态进度条改为 indeterminate 条纹流动动画
- MyVoices.tsx: 同上，移除硬编码 progress: 0 百分比显示
- generate.css: 添加 @keyframes xx-clone-progress-flow 条纹流动 + pulse 脉冲
- my-voices.css: 添加 @keyframes xx-mv-progress-flow 条纹流动 + pulse 脉冲
- 文本从 '0%' 改为 '处理中…'，给用户处理中的视觉反馈

Fixes: P2 — progress 硬编码为 0，进度条永远显示 0%

apps/web/src/pages/generate/GeneratePage.tsx

@@ -846,11 +846,11 @@ const GeneratePage: React.FC = () => {
                                   </div>
                                 )}
                               </div>
-                              {/* 进度条 */}
+                              {/* 进度条（克隆中 — indeterminate 条纹流动动画） */}
                               {cv.status === "processing" && (
-                                <div className="xx-clone-progress">
-                                  <div className="xx-clone-progress-bar" style={{ width: `${cv.progress}%` }} />
-                                  <span className="xx-clone-progress-text">{cv.progress}%</span>
+                                <div className="xx-clone-progress xx-clone-progress--indeterminate">
+                                  <div className="xx-clone-progress-bar" />
+                                  <span className="xx-clone-progress-text">处理中…</span>
                                 </div>
                               )}
                             </div>

apps/web/src/pages/generate/generate.css

@@ -728,6 +728,35 @@
   transition: width 0.5s ease;
 }
 
+/* Indeterminate 态：条纹流动动画（progress=0 时后端无进度数据） */
+.xx-clone-progress--indeterminate .xx-clone-progress-bar {
+  width: 100%;
+  background: repeating-linear-gradient(
+    90deg,
+    var(--accent-color, #f59e0b) 0%,
+    var(--accent-color, #f59e0b) 25%,
+    var(--secondary-color, #10b981) 25%,
+    var(--secondary-color, #10b981) 50%,
+    var(--accent-color, #f59e0b) 50%
+  );
+  background-size: 60px 100%;
+  animation: xx-clone-progress-flow 1.2s linear infinite;
+}
+
+@keyframes xx-clone-progress-flow {
+  from { background-position: 0 0; }
+  to   { background-position: 60px 0; }
+}
+
+.xx-clone-progress--indeterminate .xx-clone-progress-text {
+  animation: xx-clone-progress-pulse 1.5s ease-in-out infinite;
+}
+
+@keyframes xx-clone-progress-pulse {
+  0%, 100% { opacity: 1; }
+  50%      { opacity: 0.5; }
+}
+
 .xx-clone-progress-text {
   position: absolute;
   right: 0;

apps/web/src/pages/my-voices/MyVoices.tsx

@@ -102,11 +102,11 @@ const VoiceCard: React.FC<VoiceCardProps> = ({
         )}
       </div>
 
-      {/* 进度条（克隆中） */}
+      {/* 进度条（克隆中 — indeterminate 条纹流动动画） */}
       {voice.status === "processing" && (
-        <div className="xx-mv-progress">
-          <div className="xx-mv-progress-bar" style={{ width: `${voice.progress}%` }} />
-          <span className="xx-mv-progress-text">{voice.progress}%</span>
+        <div className="xx-mv-progress xx-mv-progress--indeterminate">
+          <div className="xx-mv-progress-bar" />
+          <span className="xx-mv-progress-text">处理中…</span>
         </div>
       )}
 

apps/web/src/pages/my-voices/my-voices.css

@@ -238,15 +238,43 @@
 
 .xx-mv-progress-bar {
   height: 100%;
-  background: linear-gradient(
-    90deg,
-    var(--accent-color, #f59e0b),
-    var(--secondary-color, #10b981)
-  );
   border-radius: 3px;
   transition: width 0.5s ease;
 }
 
+/* Indeterminate 态：条纹流动动画（后端无 progress 字段） */
+.xx-mv-progress--indeterminate {
+  background: var(--bg-tertiary, #f1f5f9);
+}
+
+.xx-mv-progress--indeterminate .xx-mv-progress-bar {
+  width: 100%;
+  background: repeating-linear-gradient(
+    90deg,
+    var(--accent-color, #f59e0b) 0%,
+    var(--accent-color, #f59e0b) 25%,
+    var(--secondary-color, #10b981) 25%,
+    var(--secondary-color, #10b981) 50%,
+    var(--accent-color, #f59e0b) 50%
+  );
+  background-size: 60px 100%;
+  animation: xx-mv-progress-flow 1.2s linear infinite;
+}
+
+@keyframes xx-mv-progress-flow {
+  from { background-position: 0 0; }
+  to   { background-position: 60px 0; }
+}
+
+.xx-mv-progress--indeterminate .xx-mv-progress-text {
+  animation: xx-mv-progress-pulse 1.5s ease-in-out infinite;
+}
+
+@keyframes xx-mv-progress-pulse {
+  0%, 100% { opacity: 1; }
+  50%      { opacity: 0.5; }
+}
+
 .xx-mv-progress-text {
   position: absolute;
   right: 0;