diff --git a/apps/blogai/components/header.tsx b/apps/blogai/components/header.tsx
index bf52f2e..29d2985 100644
--- a/apps/blogai/components/header.tsx
+++ b/apps/blogai/components/header.tsx
@@ -774,8 +774,8 @@ export function DetailPageHeader({ data }: { data: any }) {
 
             {/* 蓝色进度条 */}
             <div
-              className={`transition-all duration-300 h-full rounded ${progressBarColor}`}
-              style={{ width: progress }}
+              className={`${progressBarColor} h-full transition-all duration-300 rounded`}
+              style={{ width: typeof progress === "string" ? progress : `${progress}%` }}
             />
           </div>
         )}