<div role="button" tabindex="0" aria-label="下载" class="下载" data-progressbar-label="下载项目..."></div> <br>
<前><代码>
element.ElasticProgress({
按钮大小：60，
字体系列：“蒙特塞拉特”，
colorBg: "#adeca8",
colorFg: "#7cc576",
onClick: 函数(事件) {
console.log("onClick");
$(this).ElasticProgress("打开");
},
onOpen: 函数(事件) {
fakeLoading($(this));
},
onFail: 函数(事件) {
$(this).ElasticProgress("打开");
},
onCancel：函数（事件）{
$(this).ElasticProgress("打开");
}
});
</代码></pre>
<div role="button" tabindex="0" aria-label="下载" class="下载" data-progressbar-label="下载项目..."></div> <br>
<前><代码>
element.ElasticProgress({
居中对齐”，＃＃＃ 字体系列：“Roboto”，
colorFg: "#77c2ff",
colorBg: "#4e80dd",
出血顶部：110，
出血底部：40，
按钮大小：100，
标签倾斜：70，
箭头方向：“向上”，
onClick: 函数() {
$(this).ElasticProgress("打开");
},
onOpen: 函数() {
fakeLoading($(this))
},
onCancel: 函数() {
$(this).ElasticProgress("关闭");
},
onComplete: 函数() {
var $obj = $(this)
$obj.ElasticProgress("关闭");
}
});
</代码></pre>
<div role="button" tabindex="0" aria-label="下载" class="下载" data-progressbar-label="下载项目..."></div> <br>
<前><代码>
element.ElasticProgress({
居中对齐”，＃＃＃ colorFg: "#686e85",
colorBg: "#b4bad2",
高亮颜色：“#ffab91”，
宽度: Math.min($(window).width()/2 - 100, 600),
条形高度: 10,
标签高度：50，
标签摆动度：0，
出血顶部：120，
右出血：100，
按钮大小：60，
字体系列：“Arvo”，
条拉伸：0，
条插入：4，
barElasticOvershoot: 1,
barElasticPeriod: 0.6,
textFail: "下载失败",
textComplete: "下载完成",
arrowHangOnFail：假，
onClick: 函数() {
$(this).ElasticProgress("打开");
},
onOpen: 函数() {
fakeLoading($(this))
},
onComplete: 函数() {
var $obj = $(this)
TweenMax.delayedCall(1.5, function() {
$obj.ElasticProgress("关闭");
})
}
});
</代码></pre>
<div role="button" tabindex="0" aria-label="下载" class="下载" data-progressbar-label="下载项目..."></div>
<前><代码>
var e = new ElasticProgress(document.querySelectorAll('.Download')[3], {
colorFg: "#ed7499",
colorBg: "#635c73",
高亮颜色：“#ed7499”，
条形高度：14，
条插入：10，
字体系列：“Indie Flower”
});
e.onClick(function() {
e.open();
})
e.onOpen(函数() {
fakeLoading(e, 2, 0.5);
});
e.onFail(函数() {
e.close();
})
</代码></pre>
