diff --git a/components/progress/__tests__/__snapshots__/index.test.js.snap b/components/progress/__tests__/__snapshots__/index.test.js.snap
index 771f020bff..0959db3cfa 100644
--- a/components/progress/__tests__/__snapshots__/index.test.js.snap
+++ b/components/progress/__tests__/__snapshots__/index.test.js.snap
@@ -20,7 +20,7 @@ exports[`Progress render negetive progress 1`] = `
     <span
       class="ant-progress-text"
     >
-      -20%
+      0%
     </span>
   </div>
 </div>
@@ -83,3 +83,31 @@ exports[`Progress render out-of-range progress 1`] = `
   </div>
 </div>
 `;
+
+exports[`Progress render out-of-range progress with info 1`] = `
+<div
+  class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
+>
+  <div>
+    <div
+      class="ant-progress-outer"
+    >
+      <div
+        class="ant-progress-inner"
+      >
+        <div
+          class="ant-progress-bg"
+          style="width: 100%; height: 8px;"
+        />
+      </div>
+    </div>
+    <span
+      class="ant-progress-text"
+    >
+      <i
+        class="anticon anticon-check-circle"
+      />
+    </span>
+  </div>
+</div>
+`;
diff --git a/components/progress/__tests__/index.test.js b/components/progress/__tests__/index.test.js
index 5c82028bc3..189a4d63f8 100644
--- a/components/progress/__tests__/index.test.js
+++ b/components/progress/__tests__/index.test.js
@@ -16,6 +16,11 @@ describe('Progress', () => {
     expect(wrapper.render()).toMatchSnapshot();
   });
 
+  it('render out-of-range progress with info', async () => {
+    const wrapper = mount(<Progress percent={120} showInfo />);
+    expect(wrapper.render()).toMatchSnapshot();
+  });
+
   it('render negetive progress', async () => {
     const wrapper = mount(<Progress percent={-20} />);
     expect(wrapper.render()).toMatchSnapshot();
diff --git a/components/progress/progress.tsx b/components/progress/progress.tsx
index 998416ac67..9ce5e81278 100644
--- a/components/progress/progress.tsx
+++ b/components/progress/progress.tsx
@@ -82,11 +82,11 @@ export default class Progress extends React.Component<ProgressProps, {}> {
       let text;
       const iconType = (type === 'circle' || type === 'dashboard') ? '' : '-circle';
       if (progressStatus === 'exception') {
-        text = format ? textFormatter(percent) : <Icon type={`cross${iconType}`} />;
+        text = format ? textFormatter(validProgress(percent)) : <Icon type={`cross${iconType}`} />;
       } else if (progressStatus === 'success') {
-        text = format ? textFormatter(percent) : <Icon type={`check${iconType}`} />;
+        text = format ? textFormatter(validProgress(percent)) : <Icon type={`check${iconType}`} />;
       } else {
-        text = textFormatter(percent);
+        text = textFormatter(validProgress(percent));
       }
       progressInfo = <span className={`${prefixCls}-text`}>{text}</span>;
     }