进度条
发表于:2021-02-22 | 分类: 前端
字数统计: 290 | 阅读时长: 1分钟 | 阅读量:

进度条示例


该标签适用版本为1.8.1及以上

进度条测试

进度条测试

进度条测试

进度条测试

进度条测试

自定义颜色(Custom colors)

该标签适用版本为2.0.7+及以上

进度条测试

进度条测试

上述示例代码

1
2
3
4
5
6
7
8
{% progress 70 danger 进度条测试 %}
{% progress 60 info 进度条测试 %}
{% progress 60 success 进度条测试 %}
{% progress 60 warning 进度条测试 %}
{% progress 60 primary 进度条测试 %}
自定义颜色(Custom colors)
{% progress 60 #000 进度条测试 %}
{% progress 60 #2f54eb 进度条测试 %}

圆形进度条示例


该标签适用版本为2.0.7+及以上

进度条测试

进度条测试

进度条测试

进度条测试

进度条测试

自定义颜色(Custom colors)

70%

70%

上述示例代码

1
2
3
4
5
6
7
8
{% progressCircle 70 danger 进度条测试 %}
{% progressCircle 80 info 进度条测试 %}
{% progressCircle 60 success 进度条测试 %}
{% progressCircle 50 warning 进度条测试 %}
{% progressCircle 90 primary 进度条测试 %}
自定义颜色(Custom colors)
{% progressCircle 70 #12e9e9 70% %}
{% progressCircle 70 skyblue 70% %}
上一篇:
galleryGroup图片
下一篇:
按钮