doc(Progress): 重构进度条组件文档

Author: nullptr-z

packages/core/src/Progress/README.md

@@ -3,12 +3,12 @@ Progress 进度条
 
 表明某个任务的当前进度。
 
-![](https://user-images.githubusercontent.com/66067296/140003519-03faded1-e004-45eb-b9af-442d84d6f258.gif)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
 
 ### 基础示例
 
-<!--DemoStart--> 
-```jsx
+<!--DemoStart-->
+```jsx mdx:preview
+import React from 'react';
 import {  SafeAreaView } from 'react-native';
 import { Progress } from '@uiw/react-native';
 import { motorcycle } from './svg';
@@ -20,29 +20,29 @@ function Demo() {
     </SafeAreaView>
   )
 }
+export default Demo
 ```
 
-### 展示进度图标 & 进度提示字
+### 自定义颜色
 
-<!--DemoStart--> 
-```jsx
+<!--DemoStart-->
+```jsx mdx:preview
+import React from 'react';
 import {  SafeAreaView } from 'react-native';
 import { Progress } from '@uiw/react-native';
-import { motorcycle } from './svg';
 
 function Demo() {
   return (
     <SafeAreaView style={{ flex: 1 }}>
      <Progress
           progressColor="#5847FF"
-           xml={motorcycle}
           progressShow={false}
-          iconShow={true}
           progress={30}
         />
     </SafeAreaView>
   )
 }
+export default Demo
 ```
 <!--End-->