前端进度条怎么实现?

作者站长头像
站长
· 阅读数 4

设计稿长这样:前端进度条怎么实现?

思路1:通过elment-ui的progress改,但是不好调思路2:自己写一个纯原生的...还有没有其他思路呀

主要问题是:1、进度条中间的那个圆环效果,要自己写,elment-ui我插入不进去节点2、还有鼠标移上去的提示信息,需要加个mousemove事件

回复
1个回答
avatar
test
2024-06-25

自己写一个,进度div居右,长度等于(总长度/100)*进度,圆点定位在进度div最右边,

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容