axure教程之七进度条效果:[7]进度条的制作

2024-10-14 09:44:24

1、打开axure PR工具,从左侧元件库中拖拽两个元件分别为动态面板和按钮

axure教程之七进度条效果:[7]进度条的制作

3、给动态面板添加5个状态

axure教程之七进度条效果:[7]进度条的制作axure教程之七进度条效果:[7]进度条的制作

6、把上述三个元件拖拽到动态面板中

axure教程之七进度条效果:[7]进度条的制作

8、制作好上述五种状态之后,我们就要给按钮添加点击事件,整个事件就是每隔1000毫秒,就切换动态面板的状态到下一个状态,具体操作如下图的箭头所示

axure教程之七进度条效果:[7]进度条的制作

9、到现在我们就制作好了进度条了,可以保存生成原型界面的网页查看效果了

猜你喜欢