我们在前面已经介绍了《AE怎样做加载进度条动画 渐变描边怎样调节长度》，不知道怎么操作的小伙伴，可以先参考一下。前面所做的进度条动画是处于理想状态，而我们在现实生活中，下载文件的愉桴狁焕进度条并不是匀速运动的，而是时快时慢。那么，问题来了，面对着时快时慢的进度条，数据显示该如何及时跟上动画节奏呢？笔者接下来就给大家详细地介绍一下，需要用到另一个重要的表达式，希望对大家有所帮助。
工具/原料
Adobe After Effects CC 2018
ae下载进度条有快有慢，滚动数字如何跟上节奏？
1、打开ae工程文件，点击选中绿色进度条图层，按下键盘的U键
2、在打开的修建路径结束属性关键帧中，我们将时间线移动到差不多1s位置，可以看到，如果进度条保持匀速前进的话，当前显示的是22.7%，我们调整下结束属性参数
3、如下图所示，我们将结束属性参数调整为2.7%，让进度条开始的时候慢一下，表示下载速度处于比较缓慢的阶段
4、依次类推，我们再创建多几个关键帧，让进度条不是处于匀速前进的状态，而是有时候快有时候慢的节奏，如下图所示
5、点击选中数字文本图层，按下位置属性快捷键P
6、我们必须记下当前0帧位置属性X轴参数：347
7、接着，记下3s（动画结束关键帧）位置属性X轴参数：1630
8、按住键盘的Alt键，鼠标左键点击位置属性前面的小码表，打开表达式窗口
9、鼠标按住表达式位置属性右侧的表达式关联器，拖入到绿色进度条的修剪路径结束属性上
10、这时，我们需要对当前表达式内容进行重新编辑
11、笔者将表达式内容修改如下：temp = thisComp.layer("绿色进度条").content("修剪路径 1").end;a=linear(temp,0,100,347,1630);[a, value[1]]注：0,100表示的是数字显示范围，347,1630则是数字首末的位置X轴参数
12、鼠标点击选中百分号文本图层，按下位置属性快捷键P
13、这时我们可以看到，虽然数字已经跟上了进度条的动画节奏，但是百分号并没有跟上，那么，我们先按住键盘的Alt键，鼠标左键点击位置属性前面的小码表，打开表达式窗口
14、鼠标按住百分号位置属性右侧的表达式关联器拖入到编号（数字）位置属性的X参数
15、此时，我们需要对百分号位置表达式的Y参数进行重新编辑，为了让百分比跟数字一皱诣愚继样处于同一个Y轴高度，那么，只需要将Y参数变量temp改为value[1]即可
16、不过，我们依然会发现到一个问题，百分号与数字发生了交叉，影响了美观，我们还必须对百分号位置表达式的X参数重新编辑
17、只要给X参数变量temp增加几个常数单位即可，如下图所示，笔者改为temp+40，数字跟百分号将很好地跟上了进度条的动画节奏
