如何使用Axure制作一个简单的进度条

 时间:2026-04-22 12:46:10

1、首先打开Axure,然后新建一个页面

如何使用Axure制作一个简单的进度条

2、拖动一个矩形组件到页面,设置宽度为500,高度为30(大小视情况设定)

如何使用Axure制作一个简单的进度条

3、再拖动一个矩形到页面,设置坐标位置与上一个矩形一致,宽度为1,高度为30;边框设置为空,填充色设置为红色

如何使用Axure制作一个简单的进度条

4、接下来设置交互,选择页面载入时,设置尺寸,选择第二个添加的矩形,设置宽度为500,动画和时间根据实际需要选择,我选择的是线性,1000毫秒

如何使用Axure制作一个简单的进度条

5、设置好一切,预览一下,就会看到进度条的效果

如何使用Axure制作一个简单的进度条

如何使用Axure制作一个简单的进度条

  • ps中怎么转换色彩模式
  • Animate如何快速隐藏舞台的边界
  • Animate如何制作单击显示文字的交互效果(AS3)
  • ps时间轴怎么转换为帧动画
  • iH5中级教程:自制手写贺卡H5
  • 热门搜索
    手抄报图片大全漂亮 关于五一劳动节手抄报 英语手抄报题目 关于重阳节的手抄报简单又漂亮 普通话手抄报20字 六一儿童节手抄报大全 圣诞节的手抄报 手抄报端午节 英语手抄报的内容 儿童手抄报图片大全