diff --git a/packages/theme-default/src/progress.css b/packages/theme-default/src/progress.css
index 8a0d45d8c..65fb29163 100644
--- a/packages/theme-default/src/progress.css
+++ b/packages/theme-default/src/progress.css
@@ -96,6 +96,7 @@
       text-align: right;
       border-radius: 100px;
       line-height: 1;
+      white-space: nowrap;
 
       @utils-vertical-center;
     }
diff --git a/test/unit/specs/progress.spec.js b/test/unit/specs/progress.spec.js
index 4b9b0ccf9..2d6e8f375 100644
--- a/test/unit/specs/progress.spec.js
+++ b/test/unit/specs/progress.spec.js
@@ -87,4 +87,12 @@ describe('Progress', () => {
     expect(vm.$el.querySelector('.el-progress-circle').style.height).to.be.equal('120px');
     expect(vm.$el.querySelector('.el-progress-circle').style.width).to.be.equal('120px');
   });
+  it('should work with stroke-width', () => {
+    vm = createVue({
+      template: `
+        <el-progress :text-inside="true" :stroke-width="36" :percentage="0"></el-progress>
+      `
+    }, true);
+    expect(vm.$el.querySelector('.el-progress-bar__innerText').offsetTop).to.be.equal(12);
+  });
 });