网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

教大家用Axure制作百分比外显样式的线形进度条

时间:2024-10-26 13:54:39

1、打开Axure原型工具,今天小编教大家使用Axure制作百分比外显样式的线形进度条,如下图所示。

教大家用Axure制作百分比外显样式的线形进度条

2、首先我们将需要的元件从元件库中拖入到正文当中,如下图所示。

教大家用Axure制作百分比外显样式的线形进度条

3、然后我们将元件的样式进行调整,调整圆角度,如下图所示。

教大家用Axure制作百分比外显样式的线形进度条

4、同样的方式我们制作两个条件形进行条,并填充不同的颜色,如下图所示。

教大家用Axure制作百分比外显样式的线形进度条

5、然后将制作好的进度条合并到一起,如下图所示。

教大家用Axure制作百分比外显样式的线形进度条

6、这样一个进度条就制作完成了,我们f5预览看一下效果,如下图所示。

教大家用Axure制作百分比外显样式的线形进度条
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com