diff --git a/frontend/src/components/common/ImageQueueModal.tsx b/frontend/src/components/common/ImageQueueModal.tsx
index 28ddf9c9..2fec0a00 100644
--- a/frontend/src/components/common/ImageQueueModal.tsx
+++ b/frontend/src/components/common/ImageQueueModal.tsx
@@ -583,7 +583,13 @@ export default function ImageQueueModal({
                         style={{ width: `${smoothProgress[item.index] ?? item.progress ?? 0}%` }}
                       />
                       <div className="absolute inset-0 flex items-center justify-center">
-                        <span className="text-xs font-bold text-gray-700 dark:text-gray-200">
+                        <span
+                          className={`text-xs font-bold ${
+                            (smoothProgress[item.index] ?? item.progress ?? 0) >= 50
+                              ? 'text-white'
+                              : 'text-gray-700 dark:text-gray-200'
+                          }`}
+                        >
                           {smoothProgress[item.index] ?? item.progress ?? 0}%
                         </span>
                       </div>