From 76b64b5da0f239a0e35fec1fcf4eb38b4dcfe6a3 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 12 Oct 2018 18:05:01 +0800
Subject: [PATCH] Fix overflow issue of long text in Progress[type="circle"]

---
 components/progress/progress.tsx     | 9 ++++++++-
 components/progress/style/index.less | 2 ++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/progress/progress.tsx b/components/progress/progress.tsx
index e2933ade35..7109daf999 100644
--- a/components/progress/progress.tsx
+++ b/components/progress/progress.tsx
@@ -93,7 +93,14 @@ export default class Progress extends React.Component<ProgressProps, {}> {
       } else if (progressStatus === 'success') {
         text = <Icon type={`check${iconType}`} theme={type === 'line' ? 'filled' : 'outlined'} />;
       }
-      progressInfo = <span className={`${prefixCls}-text`}>{text}</span>;
+      progressInfo = (
+        <span
+          className={`${prefixCls}-text`}
+          title={typeof text === 'string' ? text : undefined}
+        >
+          {text}
+        </span>
+      );
     }
 
     if (type === 'line') {
diff --git a/components/progress/style/index.less b/components/progress/style/index.less
index 87996cf574..8161628c5d 100644
--- a/components/progress/style/index.less
+++ b/components/progress/style/index.less
@@ -133,6 +133,8 @@
     left: 0;
     margin: 0;
     color: @progress-text-color;
+    overflow: hidden;
+    text-overflow: ellipsis;
 
     .@{iconfont-css-prefix} {
       font-size: 14 / 12em;