jQuery易用户界面进度栏进度条组件

ProgressBar(进度条)组件，这个还是挺好玩的，我们在自己做点什么的时候经常能用到，比如上传下载文件、导入导出文档啊、载入网页等等。

应用场景很多，使用起来还很简单。

示例：

！DOCTYPE html html标题jquery Easy UI/title meta charset=' UTF-8 '/脚本类型=' text/JavaScript ' src=' http : Easy UI/jquery。量滴js /脚本类型=' text/JavaScript ' src=' http : Easy UI/jquery。轻松的UI。量滴js /脚本类型=' text/JavaScript ' src=' http : Easy UI/locale/Easy UI-lang-lang//想要修改进度条的颜色去钢性铸铁文件中去修改$('#box ').progressbar({ width : 200，//设置进度条宽度默认400高： 15,//设置进度条高度默认22值： 0,//设置进度条值默认0文本："{值}%",//设置进度条百分比模板默认{value}% //在价值改变的时候触发onChange :函数(newValue，oldValue) { console.log('新： '新值，旧： '旧值)；}, });/* setTimeout(函数(){ $('#box ').progressbar('setValue '，70)；}, 1000);*/setInterval(函数(){ //getValue setValue分别是返回当前进度值和设置一个进度值$('#box ').progressbar('setValue '，$('#box ').进度条(' GetValue ')5)；}, 1000);console . log($(“# box”).进度条('选项')；//$('#box ').progressbar('resize '，80)；没啥大用});/script/head body style=' margin 3360100 px；-div class=' measuri-进度条'数据-选项=' value :60 ' style=' width :400 px '/div-div id=' box '/div/body/html执行效果：

点击下载源代码：jQuery ProgressBar进度条组件

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。