使用LayerUI的进度条效果(可以参考layui)

画面效果

方法

• pkprogressbar.setColor(objectname, data)，设定进度条控件的颜色。目前仅支持：

  • red   用于设置元素赤色背景
    orange   用于设置元素橙色背景
    green   用于设置元素墨绿色背景（主色调）
    cyan   用于设置元素青色背景
    blue   用于设置元素蓝色背景
    black   用于设置元素经典黑色背景
    gray    用于设置元素经典灰色背景 

  • 示例：pkprogressbar.setColor("progressbar1","gray");
• pkprogressbar.setPercent(objectname,perCent)，设定百分比。 
  • 示例：pkprogressbar.setPercent("progressbar1",'50%')
• pkprogressbar.getPercent(objectname)  获取进度条数值
  • 示例：pkprogressbar.getPercent("progressbar1")

• pkprogressbar.isBig(objectname,data),设置是否加粗（1：加粗，0：普通）

  • 示例：pkprogressbar.isBig("progressbar1",1)

• pkprogressbar.isShowPercent(objectname,data),设置是否显示进度比文本（1：加粗，0：普通）

  • 示例：pkprogressbar.isShowPercent("progressbar1",1)

专有事件

无

专有动画关联

关联data-status，数据赋值给percent

专有属性配置对话框

• 颜色