Progress进度条模块

Progress进度条是指数据加载状态、任务完成度,或事务进程;支持多种形态,包括条状、全圆、半圆和大半圆;支持多种主题颜色,包括渐变色;支持多种整体尺寸和轨道尺寸;支持任意数值的进度,不限于百分比。

简单使用

对文本容器使用ax-progress属性即可表示一个进度条,当然通常会使用value参数。

  • 输出
  • HTML
  •                 
                    
                

也可以通过id+new的方式创建实例。

  • 输出
  • HTML
  • JS
  •                 
                    
                
  •                 
                    new ax.Progress('#demo01',{
                        value:21,
                    });
                    
                

不使用文字

参数label默认为true即显示进度结果文本,如果不需要可以设置label:falselabel.enable:false予以隐藏。

  • 输出
  • HTML
  •                 
                    
                

方角边缘

参数linecap设置轨道两头的轮廓形状,默认为round即圆角,可设为square方角。

  • 输出
  • HTML
  •