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

2025-07-07 08:35:02

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

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

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

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

3、然后通过调整样式及大小形成一个进度条样式,如下图所示。

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

4、同样的方式,我们再制作出一个进度条,如下图所示。

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

5、然后我们将做好的进度条放到一起,如下图所示。

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

6、如果需要其他的样式,可以直接复制然后再调整样式和大小即可,如下图所示。

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

7、制作完成后,F5预览看一下效果,如下图所示。

教大家用Axure制作百分比内显样式的线形进度条
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢