养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

在摹客原型中如何快速制作动态进度条

时间:2024-11-08 22:54:28

进度条效果常常在上传、加芙囹买乐载等场景中会用到,我们把矩形与进度条组合使用,再配合“调整尺寸”的交互,就可以轻松制作出一个动态的进度条!点击视频查看具体步骤吧~

工具/原料

摹客原型在线版

方法/步骤

1、在画板中放置一个进度条组件,并在编辑面板中调整好进度条轨道颜色和进度。

在摹客原型中如何快速制作动态进度条

在摹客原型中如何快速制作动态进度条

2、使用矩形组件,将宽度设置为与进度条组件相同大小,并设置好填充色。

在摹客原型中如何快速制作动态进度条

3、拖动上传按钮到矩形,设置“点击时修改尺寸”的交互,将目标尺寸设置为进度条组件的长度,并设置好交互时长。

在摹客原型中如何快速制作动态进度条

在摹客原型中如何快速制作动态进度条

4、将矩形覆盖到进度条组件的起点,即可完成动态进度条的设置。

在摹客原型中如何快速制作动态进度条

© 一点知识