使用jQuery构建CSS百分比圆
Posted
tags:
中文标题：使用jQuery构建CSS百分比圆 原文标题：CSS percentage circle built with jQuery 项目评级：Star:226 Fork:72 下载地址：https://github.com/teobais/percircle 详情介绍圆形的
使用jQuery构建CSS百分比圆
演示
通缉维护人员！
自定义圆
动态更新值
声明你的html
处理脚本中的单击
用法
1.将模块加载到您的页面
2.定义圆对象
标有50%百分比的蓝色大圆圈：
3.让脚本完成任务
净现值
Percircle已注册为npm软件包，可以使用以下软件包进行安装：
npm install percircle
鲍尔
Percircle也注册为Bower软件包，因此可以使用以下方法将其取下：
bower install percircle
选项
<表格>
选项 描述 通过配置对象 通过数据属性 默认
animate: "true" perclock: true perdown: true secs: 15 timeUpText: 'Complete!' reset: true displayTextAtZero: true progressBarColor: '#6188ff' percent: 65 建筑局部环形
如果您想运行开发版本，percircle使用Webpack来处理捆绑和缩小等构建任务。
首先，克隆存储库，然后运行：
# Install the dependencies
npm install
# Launch webpack dev server, whilst watching for any js or css changes
npm start
贡献
捐款是非常受欢迎的。请确保您花了一些时间阅读我们的投稿人指南。
贡献者
<表格>
米勒-凯文
信用
最初的项目是由Andre Firchow创建的，因为我在这里没有发现任何类似的东西，所以我上传了它。
然而，该项目加载了percircle.css文件中的所有css转换。现在，它使用jQuery在需要的地方应用重复功能。