小程序设置自定义进度条

<view class="containers">

<view class='progress_box'>

<canvas class="progress_bg" canvas-id="canvasProgressbg"> </canvas>

<canvas class="progress_canvas" canvas-id="canvasProgress"> </canvas>

<view class="progress_text">

<view class="progress_dot" style="border:1px solid red;"></view>

<text class='progress_info'> { {progress_txt}}</text>

</view>

</view>

</view>

 

 

 

.progress_box{

 

position: relative;

 

width:220px;

 

height: 220px;

 

display: flex;

 

align-items: center;

 

justify-content: center;

 

background-color: #eee;