生活中经常遇到需要平滑改变一个值的应用场景。比如听音乐的过程中，调节音量，又比如游戏竞猜过程中，调节竞猜数量等，这种场景最适合使用滑动条。作者将通过这篇案列分享，教大家使用Axure制作实现“滑动条：拖动滑块改变进度”。
　　演示地址：滑动条：拖动滑块改变进度
　　实现效果：
　　左右拖动滑块，实时显示当前进度；
　　向左或向右拖动均有边界值，无法拖出边界范围；
　　实时显示当前的百分比数值。
　　原理分析：
　　滑动条效果由固定长度背景进度可见区域组成
　　拖动滑动，触发进度可见区域改变，从而显示滑动条效果
　　利用进度可见区域与背景的比例实时计算当前进度百分比
　　元件准备：
　　一张图片，转换为动态面板，表示滑块；
　　红色背景矩形元件，转换为动态面板，利用动态面板的可见范围，表示进度；
　　灰色背景矩形元件，用于呈现滑块进度对比；
　　一个文本矩形，默认初始文字“当前百分比：0”，用于显示当前百分比。
　　将进度面板里面的红色背景矩形向左移动，使矩形的右边界为0，此案例矩形宽度为300，所有向左移动300。
　　整理元件后，最终呈现效果如下：
　　实现步骤：
　　整个案例过程，只需对滑块做事件设置，即可完成滑动条效果。
　　拖动滑块时，水平移动滑块，同时设置文字改变；滑块在移动的过程中，设置进度面板里面的红色背景元件跟随滑块移动。
　　下图是移动滑块的事件设置界面，注意是“水平移动”；左边界、右边界值的设置，防止拖动滑动超出范围。
　　左侧边界值设置如下：
　　右侧边界值设置如下：
　　我们在拖动滑块时，设置文本描述元件的值，实时显示当前滑动100进度。
　　最后来一张跟随事件的配置截图。
　　本案例已完成，点击查看上一篇案例《Axure版跳一跳如何制作？》

Axure教程：长页或长图滚动效果如何利用Axure快速实现长页手动拖拽特效呢？本文在这里为大家奉上了详细教程，enjoy很久之前在一篇文章中通过文字回复过，利用Axure快速实现长页手动拖拽特效的方式。……Protopie教程：App端Tab按钮特效很久没更新教程了，今天和大家分享一个Tab按钮特效！最终效果制作过程基本元素设置首先我们绘制出需要的背景色，完成后将“点击搜索背景色”“点击喜欢……Axure教程如何制作圆形百分比数据？数据分析是后台产品经理接触比较多的一个版块，也是很重要的一个功能模块。本文将详细讲解根据输入数值实时显示圆形百分比。先来看下实际效果：图片分析设计思路利用四个……Axure函数应用：指示线跟随地图所选区域，并展示相应数据可本篇文章为大家介绍了如何利用Axure打造“指示线跟随地图所选区域，并展示相应数据可视化”的效果，其中需要做到的函数计算为重难点。知识重点难点直角三角形斜边长度与斜……Axure制作：页面上下滑动时的菜单栏悬浮吸顶效果在移动端页面上，用手上下滑时，超过一定向上滑动时，菜单栏能有吸顶效果，如何用axure实现呢？作者在最近在手机移动端的时候，有一个动画，希望达到效果：用手上下滑页面时，超……玩转Axure：导航栏吸附效果本文为大家分享了如何使用条件函数，使窗口在滚动到不同位置的时候，顶部的导航栏定位到不同的位置，enjoy！先上效果这次分享如何使用条件函数使窗口在滚动到不同位置的时……玩转Axure：导航栏吸附进阶之模块切换如何用Axure做出导航栏吸附同时可在不同的Tab模块之间切换的效果呢？本篇文章将为我们演示这一进阶玩法。前段时间写了一篇如何制作导航栏吸附效果的文章，意犹未尽，正好自己……如何利用Axure中继器，实现商品数量增减、价格总计效果本文详细讲解：利用Axure中继器实现商品数量的增减，以及商品价格的总计的操作流程。一般在做购物车、预算表中都会涉及到商品数量的增减，与商品价格的合计。那么，我们怎……拯救你时间的Axure技巧工欲善其事，必先利其器，本文介绍了Axure的一些常用技巧，千万不要小看哦，这能大大节省你的时间选择元件选择多个元件：一直按着Ctrl，鼠标点击多个元件即可，若已选……9000字完整案例，模拟拼多多APP学会Axure常见及酷炫网络上的教程都是关于Axure的某个功能，或者基于某个实现方法而进行解释的。但作者更希望，是从头到尾打造一个完整的应用，而从中学习到Axure的使用与方法。Axure是产……如何用Axure做出“加载中”的交互效果？“加载中”是一个比较常见的交互效果，本文将会为大家介绍如何利用Axure做出加载的交互效果。“加载中”是很常见的交互效果，因为网速，服务器接口等原因，等待网络加载中，下拉……Axure滑动条：拖动滑块改变进度生活中经常遇到需要平滑改变一个值的应用场景。比如听音乐的过程中，调节音量，又比如游戏竞猜过程中，调节竞猜数量等，这种场景最适合使用滑动条。作者将通过这篇案列分享，教大家使用Ax……