接下来我们要给进度条填充颜色或渐变，选中刚才画的矩形选区，然后按G键切换到渐变工具，点击图层面板里的渐变编辑器，设置一个从透明到黑色的线性渐变，或者根据你的UI设计风格选一个实心颜色，这样背景就做好了，看起来像个底座。
PS怎么做音乐播放器的进度条？
最后一步是调整整体效果，可以使用自由变换Ctrl+T微调各个元素的间距和对齐，确保进度条与播放器的其他控件协调一致，还可以尝试不同的混合模式比如叠加或正片叠底，让进度条在深色或浅色背景上都能完美显示，完成最终的设计。
指示器通常是个小圆点或者小竖线，使用椭圆工具画出一个小圆，或者用矩形工具画个小方块，放在进度条的最右端，这里可以加个图层样式比如内阴影或外发光，让小圆点看起来更精致，像是一个可以滑动的按钮，视觉上更吸引用户注意。
首先打开Photoshop新建一个合适大小的画布，然后使用矩形选框工具M画出一个长条矩形作为进度条的背景底色，这是最基础的一步，记得在图层面板里新建一个专门的图层来存放这个背景，这样后续修改起来比较方便，不会弄乱其他元素。
文字标记也很重要，用文字工具T在进度条上下方添加0%和100%的刻度文字，字体选个清晰的无衬线体，颜色要对比鲜明，这样用户一眼就能看出当前播放的百分比位置，整个进度条的UI结构才算完整，既有视觉引导又有功能信息。
为了让进度条有层次感，我们需要复制刚才的底层背景图层，重命名为‘进度条’，把它移到背景层上面，使用矩形选框工具画出需要显示进度的那部分区域，再用渐变编辑器把颜色设为透明到白色，适当降低不透明度，这样就有立体感了。