效果如下：
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>canvas绘制环形进度条</title>
<style type="text/css">
.chartbox{width: 100px;margin: 100px auto;}
.myChart{width:100px;height: 100px;}
</style>
</head>
<body>
<div class="chartbox">
<canvas class="myChart" id="myChart" width="100%" height="100%" data-total="100" data-curr="29.45"></canvas>
</div>
<script typet="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！