其他代码
简洁实用jQuery进度条插件
PetitQ
这是一款简洁实用的 jQuery 进度条插件。该插件使用简单，通过在页面中放置指定的 HTML 代码，即可生成带动画效果的进度条。
使用方法：
在页面中引入 an-skill-bar.css 和 jquery、an-skill-bar.js 文件。
也想出现在这里？联系我们吧
<link href="css/an-skill-bar.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/an-skill-bar.js"></script>
HTML 代码：
该进度条的基本 HTML 结构如下：
<div class="skillbar html">
<div class="filled" data-width="90%"></div>
<span class="title">HTML</span>
<span class="percent">90%</span>
</div>
初始化插件：
在页面 DOM 元素加载完毕之后，通过 skillbar()方法来初始化该插件。
$(document).ready(function () {
$(".skillbar").skillbar();
});
你可以在初始化时，指定进度条的动画速度和背景颜色。
$(document).ready(function () {
$(".skillbar").skillbar({
speed: 1000,
bg : "#008080"
});
});
github 网址：https://github.com/hasanmisbah/an-skill-bar
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
