使用LayerUI的进度条效果

工具位置

• 左侧移动端app控件下

Image Removed

(可以参考layui)

画面效果

...

• 每个节点，title和id是必须的，其他可选。可随意定义自定义字段名称和值，点击按钮时会返回这些值。
•  仅节点左侧图标控制收缩，点击文字部分会调用onChange事件
  • Image Removed

方法

• 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

专有属性配置对话框

• 颜色