.

apps/blogai/components/header.tsx

@@ -766,15 +766,23 @@ export function DetailPageHeader({ data }: { data: any }) {
         </div>
 
         {showProgressBar && (progress !== "0%" || statusText) && (
-          <div className="w-full mt-4 bg-gray-200 h-6">
+          <div className="relative w-full bg-gray-200 h-6 rounded">
-            <div
+            {/* 独立文字层 */}
-              className={`${progressBarColor} h-full text-white text-center text-sm flex items-center justify-center transition-all duration-300 px-2 overflow-hidden whitespace-nowrap text-ellipsis`}
+            <div className="absolute right-2 top-1/2 -translate-y-1/2 text-sm font-medium text-black whitespace-nowrap">
-              style={{ width: progress || "0%" }}
+              {loading ? "Processing..." : statusText}
-            >
-              {loading ? "操作中..." : statusText}
             </div>
+
+            {/* 蓝色进度条 */}
+            <div
+              className={`transition-all duration-300 h-full rounded ${progressBarColor}`}
+              style={{ width: progress }}
+            />
           </div>
         )}
+
+
+
+        
       </div>
     </div>
   );