动态进度条是该产品的基本特性，如何使用Axure实现动态进度条效果呢?如果你有疑惑，如果你对此感兴趣，那么就可以跟着一起接下来的学习操作~自学Axure，就上！精选Axure自学视频课为不同阶段朋友提供精准专业对点学习！无论0基础还是有一定基础，都可以获取专业的课程学习~
Axure制作动态进度条效果教程：
一、不带动文字的进度条
①创建矩形，命名“bg”，作为进度条的整体背景,设置width=600，hight=20,圆角=4，背景色“#f2f2f2”,如下图：②复制上一个矩形，重命名为“pro”，作为进度条，设置背景色为“#57C188”，width=1，hight保持一致即可，并使两个矩形首端对齐，如下图：③添加事件交互，选择“pro”矩形，设置矩形载入设原件尺寸，点击宽度fx，添加“bg”为局部变量，设置宽度为[[bg.width]，高度不变，如下图：④设置锚点“左侧、上下居中”，动画为“线性”，事件“3000”毫秒，确定，如下图：⑤确定后预览看效果。二、含动态文字的进度条①创建矩形，命名“bg”，作为进度条的整体背景,设置width=600，hight=20,圆角=4，背景色“#f2f2f2”,如下图：②复制上一个矩形，重命名为“pro”，作为进度条，设置背景色为“#57C188”，width此处可以随便设置（后边需要在载入时设置一个初始尺寸），hight保持一致即可，如下图：③添加文本标签，命名“per”，显示百分比，设置字号“18”，并对齐，如下图：④选中矩形“pro”添加“载入时”交互事件，选“设置原件尺寸”，创建进度条“pro”的初始尺寸，如下图：点击宽度fx,添加背景“bg”为局部变量，设置进度条初始尺寸为[[bg,width/100]],进度条背景的1%；⑤继续为矩形“pro”添加交互事件“尺寸改变时”，设置矩形“pro”的宽度为[[This.with+bg.width/100]]，此处依然需要添加背景“bg”为局部变量，如下图：该设置是为了，进度条每次增加1%的长度，继续设置锚点为“左侧、上下居中”，动画为“线性”，时间为“50”毫秒（此处时间决定进度条的快慢），如下图：⑥设置文本标签“per”的显示文字，如下图：设置文本标签文字为[[Math.floor(This.width/bg.width*100)+1]]%，Math.floor()为取整函数。⑦设置动态显示，“启用情形”，当This.width<LVAR1.width时（添加元件bg为局部变量“LVAR1”），执行“尺寸改变时”的交互事件，如下图：好啦，以上的内容就是“Axure怎么制作动态进度条效果？”的相关分享了，希望对你的Axure学习操作有一定的作用哦！学习Axure，一篇就学会是不大可能的，而几篇几十篇几百篇Axure文章就不一样了。学习更多Axure，Axure相关文章、问答、视频教程综合助力~学习东西最快的方法就是应用它，学习一个有特定目的的工具，直接在项目中练习，你要用axure做什么原型，要呈现怎么的效果，有自己的想法，然后动手实操，这样学习掌握才快~