ADD file via upload

HomeProgress.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="home-progress">
+    <div class="title">月访问量</div>
+    <div class="tip">同上期增长</div>
+    <el-progress
+      class="progress"
+      :text-inside="true"
+      :stroke-width="24"
+      :percentage="20"
+      status="success"
+    ></el-progress>
+    <div class="title">月用户量</div>
+    <div class="tip">同上期增长</div>
+    <el-progress
+      class="progress"
+      :text-inside="true"
+      :stroke-width="24"
+      :percentage="50"
+      status="success"
+    ></el-progress>
+    <div class="title">月收入</div>
+    <div class="tip">同上期减少</div>
+    <el-progress
+      class="progress"
+      :text-inside="true"
+      :stroke-width="24"
+      :percentage="28"
+      status="exception"
+    ></el-progress>
+  </div>
+</template>
+<script>
+export default {};
+</script>
+<style lang="scss">
+.home-progress {
+  background: #ffffff;
+  height: 400px;
+  padding: 20px;
+  .title {
+    color: #666666;
+    font-weight: bold;
+    font-size: 20px;
+    margin-top: 10px;
+  }
+  .tip {
+    color: #888888;
+    font-size: 16px;
+    margin-top: 10px;
+  }
+  .progress {
+    margin-top: 10px;
+  }
+}
+</style>