[#722][3.0] Progress 컴포넌트 개발

###############################
- 코드리뷰 피드백 후 스타일 변경
- 슬롯을 이용한 라벨 예제 추가
- 불필요한 코드 제거

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>

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>