style(Progress): 进度起始和末尾圆角溢出 #623 (#648)

uiwjs · Mar 10, 2022 · 1e73f3d · 1e73f3d
1 parent 161261c
commit 1e73f3d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/react-progress/README.md b/packages/react-progress/README.md
@@ -11,7 +11,7 @@ Progress 进度条
 import { Progress } from 'uiw';
 const { Line, Circle } = Progress;
 // or
-import Progress from '@uiw/react-progress'; 
+import Progress from '@uiw/react-progress';
 ```
 
 ### 基本用法
@@ -176,6 +176,7 @@ class Demo extends React.Component {
         )}/>
         <Progress.Circle style={sty} percent={100} type="circle" format={percent => `已完成`}/>
         <Progress.Line style={sty} percent={70} format={percent => `${percent}℃`}/>
+        <Progress.Line strokeWidth={18} percent={1} status="exception" />
       </div>
     )
   }

diff --git a/packages/react-progress/src/style/line.less b/packages/react-progress/src/style/line.less
@@ -65,6 +65,7 @@
     width: 100%;
     border-radius: 100px;
     background-color: #e5e9f2;
+    overflow: hidden;
   }
   &-bg {
     height: 100%;