分享百分比进度条的制作方法,延续之前单位进度条的经验,详细讲解实现步骤与技巧。
1、 在Axure画布中,使用矩形工具绘制一个长300、宽15的条状矩形。
2、 在条形矩形下方添加文字控件,显示进度,默认值为0%。
3、 在进度文字下方添加两个按钮,分别标注为开始和暂停。
4、 将矩形设为绿色,添加动态面板d003完全覆盖该矩形。在动态面板的状态1中,复制原矩形并将其填充色改为白色。
5、 在空白区域插入动态面板d004并设为隐藏,通过控制其显示与隐藏状态的切换,实现进度条的动态效果。
6、 把进度条均分为100份,每份代表1%,据此设定条件,实现完整的进度显示效果。
