如何使用第三方jQuery插件（圆形进度条）

首先去找jQuery网站，http://www.htmleaf.com/，这个免费的比较多，当然也有别的，具体用什么可以自行百度。下面以圆形进度条为例。

1. 搜索资源，我找到了这个比较符合我的需求。http://www.htmleaf.com/jQuery/jquery-tools/201907195740.html
2. 进入网站，点击下载插件
3. 解压该资源
4. 新建js文件夹，把下载好的js资源文件导入，只需要这两个（circle-progress.min.js，jquery.circle-progress.min.js）
5. 新建空白的index.html
6. 在head标签下引入如下代码

7. 写入html

   8. 引入css文件

css.css:

.circle-progress-value {
	stroke-width: 6px;
	stroke: hsl(39, 100%, 50%);
}
.circle-progress-circle {
	stroke-width: 6px;
	stroke: hsl(39, 100%, 85%);
}
.circle-progress-text {
	fill: hsl(39, 100%, 50%);
}

9,初始化js

最终结果：

带动画的圆形进度条就实现了，这个插件也提供了别的配置用来调整样式和功能，可以去参考他的

说明文件。