更新时间:2020-08-26 09:24:02
引用js,css
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="format-progress-bar.js"></script> <link rel="stylesheet" href="styles.css">
html
<div id="id1"></div>
js
var formatdmm1 = formatdmm.load({ container: 'id1', //容器 containerWid: '800', //容器宽度px containerHeg: '30', //容器高度px startColor: '#73EE22', //开始颜色ec9089 endColor: '#73EE22', //结束颜色 countNum: 100, //分隔数 itemColor: '#ddd', maxNumerical: 100, direction: 'transverse', //排列方向transverse 横向 ,portrait 纵向 duration: 500, //每次渲染时长 callback: function(num) { $("#textspan").html(num); } //回调函数,将当前进度传出 });