canvas_基于canvan绘制的双半圆环进度条

效果图

实现原理：

1.使用canvas绘制两个半圆弧，底图灰色半圆弧和颜色进度圆弧。

2.利用setInterval计时器，逐步改变颜色进度条，达到进度条的效果。

 

效果代码：

  1 
  2 
  3 
  4     
  5         
  6         
  7     
  8 
  9     
 10         
 11  
 12 
 13         
153     
154 
155 

View Code

 

转载于:https://www.cnblogs.com/wush-1215/p/9355676.html