wechat-pilelog/components/circle-progress/circle-progress.wxml

<!--components/circle/circle.wxml-->

<view class='container' id="container">
  <view class='progress_box'>
    <!-- 绘制圆环背景 -->
    <canvas class="progress_bg" canvas-id="canvasProgressbg" />
    <!-- 绘制加载中圆弧 -->
    <canvas class="progress_canvas" canvas-id="canvasProgress" /> 
    <!-- 绘制圆弧中心提示文字 -->
    <view class="progress_text">
      <text class="progress_info {{disabled?'dis':''}}"> {{progress_txt}}</text>
    </view>
  </view>
</view>