Progress进度条模块
Progress进度条是指数据加载状态、任务完成度,或事务进程;支持多种形态,包括条状、全圆、半圆和大半圆;支持多种主题颜色,包括渐变色;支持多种整体尺寸和轨道尺寸;支持任意数值的进度,不限于百分比。
简单使用
对文本容器使用ax-progress
属性即可表示一个进度条,当然通常会使用value参数。
- 输出
- HTML
也可以通过id+new
的方式创建实例。
- 输出
- HTML
- JS
-
-
-
new ax.Progress('#demo01',{ value:21, });
不使用文字
参数label
默认为true
即显示进度结果文本,如果不需要可以设置label:false
或label.enable:false
予以隐藏。
- 输出
- HTML
方角边缘
参数linecap
设置轨道两头的轮廓形状,默认为round
即圆角,可设为square
方角。
- 输出
- HTML