[新增] progress 进度条

docs/docs/zh-CN/components/form.md

@@ -1,7 +1,7 @@
 ::: demo
 
 <template>
-  <lay-input></lay-input>
+  <lay-input v-model="data"></lay-input>{{data}}
 </template>
 
 <script>
@@ -10,7 +10,10 @@ import { ref } from 'vue'
 export default {
   setup() {
 
+    const data = ref("内容");
+
     return {
+      data
     }
   }
 }

docs/docs/zh-CN/components/line.md

@@ -1,12 +1,19 @@
 ::: demo
 
 <template>
+  默认分割线
   <lay-line></lay-line>
+  赤色分割线
   <lay-line theme="red"></lay-line>
+  橙色分割线
   <lay-line theme="orange"></lay-line>
+  墨绿分割线
   <lay-line theme="green"></lay-line>
+  青色分割线
   <lay-line theme="cyan"></lay-line>
+  蓝色分割线
   <lay-line theme="blue"></lay-line>
+  黑色分割线
   <lay-line theme="black"></lay-line>
 </template>
 

docs/docs/zh-CN/components/progress.md

@@ -0,0 +1,21 @@
+::: demo
+
+<template>
+  <lay-progress percent="80"></lay-progress>
+  <br>
+  <lay-progress percent="60"></lay-progress>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::

docs/src/layouts/Layout.vue

@@ -16,6 +16,7 @@
           <li><router-link to="/zh-CN/components/badge">徽章</router-link></li>
           <li><router-link to="/zh-CN/components/block">区块</router-link></li>
           <li><router-link to="/zh-CN/components/line">分割</router-link></li>
+          <li><router-link to="/zh-CN/components/progress">进度</router-link></li>
         </ul>
       </lay-side>
       <lay-body>

docs/src/router/zh-CN.ts

@@ -64,6 +64,11 @@ const zhCN = [
         path: '/zh-CN/components/line',
         component: () => import('../../docs/zh-CN/components/line.md'),
         meta: { title: '分割' },
+      },
+      {
+        path: '/zh-CN/components/progress',
+        component: () => import('../../docs/zh-CN/components/progress.md'),
+        meta: { title: '进度' },
       }
     ],
   },