素材巴巴 > 程序开发 >

vue 最简单的环形进度条_progressBar

程序开发 2023-09-13 10:58:26

在做android开发的时候使用progressBar是比较方面的 ,因为官方提供了组件直接使用就可以。可vue官方并没有类似组件需要自己实现,百度、github看了一圈,发现实现一个简单的环形进度条做的都比较复杂,画挡板、画三个圈,一个底环、一个圆环、一个移动的环,太冗余,所以自己琢磨了一下分享出来,希望有所帮助。

思路:画一个圈进行旋转:

先看看效果:

    


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。