该博客是展现对应https://download.csdn.net/download/it_java_shuai/12489375资源中示例的效果(穷到没有积分下载其他的资源了,其他的资源积分实在是太高了。望各位谅解!)
调用方式:
<div id="frame1">
<div>进度条测试</div>
<div class="jjjjj"></div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/progress.js"></script>
<script type="text/javascript">
window.onresize = function() {
$(".jjjjj").loadProgress({
lineheight: 0.2,
dianshu: 5
});
$(".jjjjj").setProgress(2);
}
$(".jjjjj").loadProgress({
lineheight: 0.2,
dianshu: 5
});
$(".jjjjj").setProgress(2);
</script>
lineheight:线的高度,rem值
dianshu:节点的个数
效果:
脚本及示例下载地址:https://download.csdn.net/download/it_java_shuai/12489375