京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

基于 jQuery的JProgressBar Demo文件加载进度条演示效果1.0

JProgressBar 1.0加载进度条演示Demo文件,关于JProgressBar类的用法:
   * 创建一个进度条
   * @param {Object} config 配置
   * id : {String}, 进度条的ID,默认会自动生成一个ID值
   * direction : {String}, 进度条的方向,值为v时进度条的方向是垂直的,值为l时进度条方向是水平的
   * width : {Number}, 进度条的宽度
   * height: {Number}, 进度条的高度
   * maxValue : {Number}, 进度条的最大值
   * value : {Number}, 进度条的初始值
   * text : {String}, 进度条中显示的文字字符串,字符串中出现的{#maxValue},{#value},{#pct} 分别表示,同时也会被替换为 进度条的最大值,当前进度值,当前进度值的百分比值
   * cls: {String}, 为进度条自定义样式类
   * 样式定义说明
   * .样式类 进度条最外层框
   * .样式类 .block 进度条块
   * .样式类 .highlight 高亮显示的块
   * .样式类 .text 文本
   * .样式类 .text-mask .text 遮照文本
   * renderTo : {Element}, 进度条所在父元素,如果未指定则会使用document.write 来创建
  * JProgressBar.prototype.setText 设置当前进度条实例中显示的文本
   * @param {String} text 进度条中显示的文字字符串,字符串中出现的{#maxValue},{#value},{#pct} 分别表示,同时也会被替换为 进度条的最大值,当前进度值,当前进度值的百分比值
  * JProgressBar.setText 设置指定进度条实例中显示的文本
   * @param {Object/String} jpb 进度条实例对象,如果指定值是字符串类型则会被当做进度条的ID来获取进度条实现对象
   * @param {String} text 进度条中显示的文字字符串,字符串中出现的{#maxValue},{#value},{#pct} 分别表示,同时也会被替换为 进度条的最大值,当前进度值,当前进度值的百分比值
   * @return {Object} 返回操作进度条实例对象
   * @return {Object} 返回当前进度条实例对象
  * JProgressBar.prototype.setValue 设置当前进度条实例中显示的文本
   * @param {Number/Float} value 进度条的值,接受类似于 100,‘0.23%‘,253.23,‘235%‘,‘.5%‘ 的值
   * @param {Boolean} animation 指定改变进度条进度值是。是否采用动画效果,默认为true
   * @return {Object} 返回当前进度条实例对象
  * JProgressBar.prototype.fireEvent 触发指定进度条中的事件
   * @param {Object/String} jpb 进度条实例对象,如果指定值是字符串类型则会被当做进度条的ID来获取进度条实现对象
   * @param {Array/String} events 要触发的事件列表,字符串类型中。多个事件用","分开
   * @return {Object} 返回当前进度条实例对象      喜欢的可以试试看。

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5371
5371
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java