From 0493cf4a92fcabe9670db1bc0fc2fc785add7102 Mon Sep 17 00:00:00 2001
From: hailin <hailin@gdzx.xyz>
Date: Tue, 20 May 2025 14:07:56 +0800
Subject: [PATCH] .

---
 apps/blogai/components/header.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/apps/blogai/components/header.tsx b/apps/blogai/components/header.tsx
index 1de0072..b57b4a3 100644
--- a/apps/blogai/components/header.tsx
+++ b/apps/blogai/components/header.tsx
@@ -766,18 +766,19 @@ export function DetailPageHeader({ data }: { data: any }) {
         </div>
 
         {showProgressBar && (progress !== "0%" || 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="relative w-full bg-gray-200 h-6 rounded overflow-hidden">
             {/* 蓝色进度条 */}
             <div
-              className={`${progressBarColor} h-full transition-all duration-300 rounded`}
+              className={`${progressBarColor} h-full transition-all duration-300`}
               style={{ width: typeof progress === "string" ? progress : `${progress}%` }}
             />
+
+            {/* 浮动在中间的文字层 */}
+            <div className="absolute inset-0 flex items-center justify-center text-sm font-medium text-white">
+              {loading ? "Processing..." : statusText}
+            </div>
           </div>
+
         )}