实现原理：

方法一：动态计算，slider上增加背景图，根据滑动的进度动态计算背景图的大小；
方法二：slider+progress，根据slider滑动的进度，动态改变progress的显示进度；
方法三：slider+mask，根据slider的滑动进度，动态该表mask显示区域大小；

如果滑动条显示用的是九宫格，推荐方法一和二
如果滑动条显示是一张图，推荐方法三

具体效果图如下：

实现代码：
tDemo.zip4 (229.3 KB)