diff --git a/app/client/src/widgets/ProgressWidget/component/index.tsx b/app/client/src/widgets/ProgressWidget/component/index.tsx
index 0c09f1c517..e4dc039e14 100644
--- a/app/client/src/widgets/ProgressWidget/component/index.tsx
+++ b/app/client/src/widgets/ProgressWidget/component/index.tsx
@@ -149,7 +149,7 @@ const DeterminateLinearProgress = styled.div<{
 
   &:after {
     background: ${({ fillColor }) => fillColor};
-    ${({ value }) => value && `width: ${value}%`};
+    ${({ value }) => value !== undefined && `width: ${Math.max(0, value)}%;`}
     transition: width 0.4s ease;
     position: absolute;
     content: "";