molong/colorui-doc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mjz update

Browse Source
This commit is contained in:
mjz
2023-05-29 22:50:31 +08:00
parent af4d70ea50
commit ec43f2f12e
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/10.文档/20.基础元素/80.进度条.md
View File

@@ -5,7 +5,7 @@ permalink: /pages/basics/progress
article: false
---
父容器加上 `cu-progress`，该容器内放一个元素加上背景 `.bg-red|...`，设置样式 `width: '10%'`，10% 就是该进度条的所占比例。
父容器加上 class `cu-progress`，该容器内放一个元素加上背景 `.bg-red|...`，设置样式 `width: '10%'`，10% 就是该进度条的所占比例。
子容器内的文字会展示在比例中间，进度条展示的时候，作者已经封装好了动画样式，因此 `width` 属性，配合动态变量即可做到好看的动画效果
@@ -75,7 +75,7 @@ article: false
## 进度条颜色
子容器加上 `.bg-red|...`
子容器加上 class `bg-red|...`
> 演示代码
```vue
@@ -86,9 +86,9 @@ article: false
## 进度条条纹
父容器加上 `striped` 属性，进度条就会以条纹形式展示。
父容器加上 class `striped`，进度条就会以条纹形式展示。
再加上 `active`，进度条纹便以动画形式展示。
再加上 class `active`，进度条纹便以动画形式展示。
> 演示代码
```vue