From c55c092e8f0eca08a6b2ebb9c87573f8c1a93360 Mon Sep 17 00:00:00 2001
From: hailin <hailin@gdzx.xyz>
Date: Tue, 20 May 2025 13:18:25 +0800
Subject: [PATCH] .

---
 apps/blogai/components/header.tsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/blogai/components/header.tsx b/apps/blogai/components/header.tsx
index 357e27f..bf52f2e 100644
--- a/apps/blogai/components/header.tsx
+++ b/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={`${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`}
-              style={{ width: progress || "0%" }}
-            >
-              {loading ? "操作中..." : statusText}
+          <div className="relative w-full bg-gray-200 h-6 rounded">
+            {/* 独立文字层 */}
+            <div className="absolute right-2 top-1/2 -translate-y-1/2 text-sm font-medium text-black whitespace-nowrap">
+              {loading ? "Processing..." : statusText}
             </div>
+
+            {/* 蓝色进度条 */}
+            <div
+              className={`transition-all duration-300 h-full rounded ${progressBarColor}`}
+              style={{ width: progress }}
+            />
           </div>
         )}
+
+
+
+        
       </div>
     </div>
   );