From 31f8588edc52584f1a2e99cc92c7a6d0b985cbc3 Mon Sep 17 00:00:00 2001
From: liuxiaodi <740191337@qq.com>
Date: Fri, 10 Dec 2021 22:40:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dprogress=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E9=94=99=E8=AF=AFprops=EF=BC=8C=E5=B0=86progress?=
 =?UTF-8?q?=E4=B8=AD=E7=9A=84className=E6=8D=A2=E4=B8=BAcalss?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devui-vue/devui/progress/src/progress.tsx    | 16 ++++++++--------
 .../devui-vue/docs/components/progress/index.md  |  6 +++---
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/devui-vue/devui/progress/src/progress.tsx b/packages/devui-vue/devui/progress/src/progress.tsx
index 0f9c88be..2c380bdc 100644
--- a/packages/devui-vue/devui/progress/src/progress.tsx
+++ b/packages/devui-vue/devui/progress/src/progress.tsx
@@ -117,14 +117,14 @@ export default defineComponent({
 
     const progressLine = (
       <div
-        className="devui-progress--line"
+        class="devui-progress--line"
         style={{
           height: height,
           borderRadius: height,
         }}
       >
         <div
-          className="devui-progress-bar"
+          class="devui-progress-bar"
           style={{
             height: height,
             borderRadius: height,
@@ -143,21 +143,21 @@ export default defineComponent({
     );
 
     const textElement = (
-      <span className="devui-progress-circle-text">{percentage}%</span>
+      <span class="devui-progress-circle-text">{percentage}%</span>
     );
 
     const progressCircle = (
-      <div className="devui-progress-circle">
-        <svg className="devui-progress-circle" viewBox="0 0 100 100">
+      <div class="devui-progress-circle">
+        <svg class="devui-progress-circle" viewBox="0 0 100 100">
           <path
-            className="devui-progress-circle-trail"
+            class="devui-progress-circle-trail"
             fill-opacity="0"
             stroke-width={strokeWidth}
             style={data.trailPath}
             d={data.pathString}
           />
           <path
-            className="devui-progress-circle-path"
+            class="devui-progress-circle-path"
             d={data.pathString}
             stroke-linecap="round"
             fill-opacity="0"
@@ -172,7 +172,7 @@ export default defineComponent({
     );
 
     return (
-      <div className="devui-progress">
+      <div class="devui-progress">
         {!isCircle ? progressLine : progressCircle}
       </div>
     );
diff --git a/packages/devui-vue/docs/components/progress/index.md b/packages/devui-vue/docs/components/progress/index.md
index 8358ba6a..893a0037 100644
--- a/packages/devui-vue/docs/components/progress/index.md
+++ b/packages/devui-vue/docs/components/progress/index.md
@@ -18,7 +18,7 @@
         <d-progress :percentage="80" percentageText="80%"></d-progress>
     </div>
     <div class="progress-container">
-        <d-progress :percentage="30" percentageText="30%" barbgcolor="#50D4AB" height="30px"></d-progress>
+        <d-progress :percentage="30" percentageText="30%" barBgColor="#50D4AB" height="30px"></d-progress>
     </div>
 </section>
 </template>
@@ -46,11 +46,11 @@
             <d-progress :isCircle="true" :percentage="80" :showContent="false"> </d-progress>
         </div>
         <div class="progress-container-circle">
-            <d-progress :isCircle="true" :percentage="80" barbgcolor="#50D4AB" :strokeWidth="8">
+            <d-progress :isCircle="true" :percentage="80" barBgColor="#50D4AB" :strokeWidth="8">
             </d-progress>
         </div>
         <div class="progress-container-circle">
-            <d-progress :isCircle="true" :percentage="80" barbgcolor="#50D4AB">
+            <d-progress :isCircle="true" :percentage="80" barBgColor="#50D4AB">
                 <span class="icon-position">
                     <d-icon
                         name="right"
-- 
Gitee