Axure7.0实现进度条效果

 时间:2024-10-15 09:02:45

1、在axure中的画布上,画上一个条状矩形,宽度为300,高度为15

Axure7.0实现进度条效果

2、在进度条的下方,用文字控件,写上文字:当前进度

Axure7.0实现进度条效果

3、在进度下方,用按钮控件,拉两个按钮,开始按钮和暂停按钮

Axure7.0实现进度条效果

4、将画好的矩形,填充为绿色

Axure7.0实现进度条效果

5、用动态面板d001遮住画好的矩形,动态面板大小和矩形一样大,再在空白处拉一个小动态面板d002,设置为隐藏,

Axure7.0实现进度条效果

6、设置开始按钮的点击事件,点击,饺咛百柘显示动态面板d002,设置条件,动态面板d002显示和隐藏状态切换的时候,进度条进度发生变化,且计数变化。

Axure7.0实现进度条效果

7、这样,就可以达到最终的进度条效果了

Axure7.0实现进度条效果
  • Axure RP8元件如何重命名
  • Axure页面存储为图片
  • Nginx服务器怎么添加自定义网站
  • 修改WordPress文章默认排序的方法
  • jq点击隐藏与显示;toggle使用
  • 热门搜索
    喜百年装饰怎么样 君子兰烂根怎么办 最简单的织围巾方法 消除眼袋的最好方法 去脚臭最有效的方法 方法的拼音 香肠炒什么好吃 疖子的治疗方法 汗管瘤最新治疗方法 叛逆期男孩教育方法