半环形进度条在起点活动中的应用

半环形进度条在起点活动中的应用

摘要

相信看到此文的小伙伴们，平时工作中多多少少应该会接触过进度条方面的需求，比如直角进度条、圆角进度条、圆环进度条等，大家可能也有多种方法比如利用 CSS canvas svg去实现这些需求并予以加上动画。而本次要和大家分享的就是半环形进度条如何用 canvas 和 svg 去实现，以及如何在实现的基础上去增强用户的体验。