fix(progress): fix style & support icon demo

src/packages/progress/demo.taro.tsx

@@ -56,12 +56,8 @@ const ProgressDemo = () => {
         <Demo2 />
         <View className="h2">{translated.noShowPercentage}</View>
         <Demo3 />
-        {!harmonyAndRn() && (
-          <>
-            <View className="h2">{translated.customContent}</View>
-            <Demo4 />
-          </>
-        )}
+        <View className="h2">{translated.customContent}</View>
+        <Demo4 />
         <View className="h2">{translated.customSize}</View>
         <Demo5 />
         <View className="h2">{translated.statusDisplay}</View>

src/packages/progress/demos/taro/demo4.tsx

@@ -6,8 +6,8 @@ const Demo4 = () => {
     <Cell>
       <Progress percent={60} showText>
         <Image
-          width="30px"
-          height="30px"
+          width={20}
+          height={20}
           src="https://img12.360buyimg.com/imagetools/jfs/t1/229362/18/22746/11607/669f8bfeF5fcbeaab/d4162bbf29bb1b00.png"
         />
       </Progress>

src/packages/progress/demos/taro/demo6.tsx

@@ -2,8 +2,14 @@ import React from 'react'
 import { Progress, Cell } from '@nutui/nutui-react-taro'
 import { Checked, Tips } from '@nutui/icons-react-taro'
 import { harmonyAndRn } from '@/utils/platform-taro'
+import pxTransform from '@/utils/px-transform'
 
 const Demo6 = () => {
+  const iconStyle = {
+    marginTop: 0,
+    marginLeft: pxTransform(5),
+    marginRight: pxTransform(5),
+  }
   return (
     <>
       <Cell>
@@ -19,22 +25,11 @@ const Demo6 = () => {
       </Cell>
       <Cell align="center">
         <Progress percent={100} />
-        {!harmonyAndRn() && (
-          <Checked color="green" style={{ margin: '0 5px' }} />
-        )}
+        <Checked color="green" style={iconStyle} />
       </Cell>
       <Cell align="center">
         <Progress percent={100} color="#AAFF00" strokeWidth="15" />
-        {!harmonyAndRn() && (
-          <Tips
-            color={
-              harmonyAndRn()
-                ? 'red'
-                : 'linear-gradient(90deg, rgba(180,236,81,1) 0%,rgba(66,147,33,1) 100%)'
-            }
-            style={{ margin: '0 5px' }}
-          />
-        )}
+        <Tips color="#FF0000" style={iconStyle} />
       </Cell>
     </>
   )

src/packages/progress/progress.scss

@@ -39,7 +39,7 @@
     top: $progress-text-position-top;
     bottom: $progress-text-position-bottom;
     transition: all 0.4s;
-    // transform: translate(-50%);
+    transform: translate(-50%);
 
     &-inner {
       display: flex;

src/packages/progress/progress.taro.tsx

@@ -160,8 +160,7 @@ export const Progress: FunctionComponent<
     }
   }, [])
   const getTextStyle = () => {
-    const value = harmony() ? '93%' : '99%'
-    return rtl ? { right: value } : { left: value }
+    return rtl ? { right: '100%' } : { left: '100%' }
   }
   const computeRight = () => {
     if (children) {