JmFans 发表于 2014-10-17 09:39:17

【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
页: [1]
查看完整版本: 【jmfans案例系列】进度条效果