From 26f5b79a8d7e17445bcf31be46a5662831cc3249 Mon Sep 17 00:00:00 2001
From: kde <kdeun1@naver.com>
Date: Thu, 19 Nov 2020 17:40:11 +0900
Subject: [PATCH] =?UTF-8?q?[#722][3.0]=20Progress=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EA=B0=9C=EB=B0=9C=20#####################?=
 =?UTF-8?q?##########=20-=20=EC=BD=94=EB=93=9C=EB=A6=AC=EB=B7=B0=20?=
 =?UTF-8?q?=ED=94=BC=EB=93=9C=EB=B0=B1=20=ED=9B=84=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=EB=B3=80=EA=B2=BD=20-=20=EC=8A=AC=EB=A1=AF?=
 =?UTF-8?q?=EC=9D=84=20=EC=9D=B4=EC=9A=A9=ED=95=9C=20=EB=9D=BC=EB=B2=A8=20?=
 =?UTF-8?q?=EC=98=88=EC=A0=9C=20=EC=B6=94=EA=B0=80=20-=20=EB=B6=88?=
 =?UTF-8?q?=ED=95=84=EC=9A=94=ED=95=9C=20=EC=BD=94=EB=93=9C=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/views/progress/example/Default.vue | 16 +++++++++++++++-
 src/components/progress/Progress.vue    |  6 +++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/docs/views/progress/example/Default.vue b/docs/views/progress/example/Default.vue
index 14529ebd8..7aac6901b 100644
--- a/docs/views/progress/example/Default.vue
+++ b/docs/views/progress/example/Default.vue
@@ -9,7 +9,18 @@
       v-model="progressVal1"
       color="#67C23A"
     >
-      <p>{{ progressVal1 }} %</p>
+      <div class="label-cls">
+        <p>{{ progressVal1 }} %</p>
+      </div>
+    </ev-progress>
+    <br>
+    <ev-progress
+      v-model="progressVal1"
+      color="#F56C6C"
+    >
+      <div class="label-cls">
+        <p>{{ progressVal1 }} / 100</p>
+      </div>
     </ev-progress>
     <br>
     <ev-progress
@@ -66,4 +77,7 @@ export default {
 </script>
 
 <style lang="scss">
+.label-cls {
+  width: 70px;
+}
 </style>
diff --git a/src/components/progress/Progress.vue b/src/components/progress/Progress.vue
index 5a8bf748d..ece0be360 100644
--- a/src/components/progress/Progress.vue
+++ b/src/components/progress/Progress.vue
@@ -58,7 +58,6 @@ export default {
     const innerStyle = computed(() => {
       if (Array.isArray(props.color)) {
         const sortedColorList = [...props.color].sort((curr, next) => curr.value - next.value);
-        console.log(sortedColorList);
         let color = sortedColorList[0].color;
         if (!props.modelValue) {
           return {
@@ -132,8 +131,9 @@ export default {
   }
 
   &-label {
-    width: 55px;
-    text-align: center;
+    min-width: 55px;
+    text-align: right;
+    margin-left: 10px;
   }
 }
 </style>