Html5添加SVG的輕量級jQuery進度條插件教程

1、使用方法
使用該jQuery進度條插件須要引入jQuery和jquery.progress.js文件。
<script src="js/jquery.min.js"></script>
<script src="js/jquery.progress.js"></script>

2、Html結構
該jQuery進度條的HTML結構使用一個<svg>元素來製做。
<svg id="container"></svg>

3、初始化插件
在頁面DOM元素加載完畢以後，能夠經過下面的方法來初始化該進度條插件。
var progress = $("#container").Progress({
percent: 20,
width: 180,
height: 40,
fontSize: 16
});   

4、配置參數
var settings = {
width: 90,
height: 20,
percent: 0,
backgroundColor: '#555',
barColor: '#d9534f',
radius: 4,
fontSize: 12,
fontColor: '#fff',
increaseSpeed: 1,
animate: true
};   

KeyMob移動端廣告平臺,爲應用開發者提供穩定的SDK,KeyMob移動端廣告平臺有視頻、插屏、全屏等廣告展示模式，KeyMob移動端廣告平臺專業打造用戶完美體驗，告別原生廣告模式，造就應用開發者與廣告主的高收益。