进度条效果常常在上传、加芙囹买乐载等场景中会用到,我们把矩形与进度条组合使用,再配合“调整尺寸”的交互,就可以轻松制作出一个动态的进度条!点击视频查看具体步骤吧~
工具/原料
摹客原型在线版
方法/步骤
1、在画板中放置一个进度条组件,并在编辑面板中调整好进度条轨道颜色和进度。
2、使用矩形组件,将宽度设置为与进度条组件相同大小,并设置好填充色。
3、拖动上传按钮到矩形,设置“点击时修改尺寸”的交互,将目标尺寸设置为进度条组件的长度,并设置好交互时长。
4、将矩形覆盖到进度条组件的起点,即可完成动态进度条的设置。