在type为range的input标签上美化,做成一个进度条
需求:做一个类似播放器中的进度条,在提供的input上修改
问题:在做到左部填充的时候没有可以直接修改的地方
我的思路是利用linear-gradient拼接左部填充色和背景颜色形成填充效果,试了一下是可行的,但是又遇到一个问题:当我要让背景颜色为从上到下的渐变左右渐变就不生效了。
有没有什么好的方法可以修改,或者更好的方法实现进度条左部的填充,大家有什么建议。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
从上到下的渐变,可以通过改变 background-size,下面实现了一个,可能是你需要的
https://codepen.io/xboxyan/pe...