【jmfans案例系列】进度条效果

JmFans

实现效果：点击开始上传，进度条滚动，中间为等待loading，直至最后OK！

实现步骤：
1、添加两个矩形框，一个为进度滚动条，一个为进度承载框；
2、把两个矩形框水平对接，组合为活动面板，活动面板可视区域为进度承载框，进度滚动条不可见；
3、新建一个活动面板，添加三层，第一层为“请点击开始上传”，第二层为“loading”，第三层为“OK”,默认显示第一层；
4、在开始上传按钮添加事件（注意：顺序不能改变）
事件：手指点击时
动作一：执行动作”设置活动面板“至loading层；
动作二：执行动作”更改样式”开始上传；
动作三：移动进度滚动条到指定位置，减缓linear,设定持续时间；
动作四：执行动作”设置活动面板“至OK层。

演示地址：http://www.jmfans.com/example/loading/index.html

原文地址：http://www.jmfans.com/archives/160