进度条【改进】

//进度条
(function($) {
  $.fn.progressBar = function(options) {
    var opts = $.extend(true, {},
    $.fn.progressBar.defaults, options);
    return this.each(function() {
        var $this = $(this);
            var text = $this.text();
            var index = text.lastIndexOf("%");
            text = text.slice(0,index);
            text = parseInt(text,10);
            var numLoan = (text * opts.barLength)/10;
            $this.html(text+"%");
            $this.css({"backgroundPositionX": -numLoan + "px"});
    });
  };
  $.fn.progressBar.defaults = {
      barLength:277
  };
})(jQuery);

//原先的代码

    var bidProgress = function() {
        var $bidProgress = $(‘.loanPlanFlg‘);
        for(var i = 0; i< $bidProgress.length; i++){
            var text = $bidProgress.eq(i).text();
            var index = text.lastIndexOf("%");
            text = text.slice(0,index);
            text = parseInt(text);
            var numLoan = text * 54;
            $bidProgress.eq(i).html(text+"%");
            $bidProgress.eq(i).css({"backgroundPositionX": -numLoan + "px"});
        }
    }
时间: 2024-10-01 04:57:21

进度条【改进】的相关文章

iOS之UI--彩虹动画进度条学习和自主封装改进

前言: 首先展示一下这个iOS小示例的彩色进度条动画效果: 阅读本文先说说好处:对于基础不好的读者,可以直接阅读文末尾的"如何使用彩虹动画进度条"章节,然后将我封装好的这个功能模块类用到你的工程项目中即可. 这个效果的示例是老外Nick Jensen在2013年写的一个作品:使用CAGradientLayer的动画精度条View. 本人阅读了老外的源码之后,觉得老外这个进度条的效果很不错,但是觉得他写的代码有待改进. 小贴士:读者可以直接将老外的源码下载下来,跑一下,然后对比本人写的博

Qt第三方圆形进度条-及其改进

Qt第三方圆形进度条的改进 要实现一个圆形的进度条功能,在网上找到一个比较出名的第三方封装类:QRoundProgressBar,地址:sourceforge 的 QRoundProgressBar 功能封装的还是不错,提供了3种模式,线形.圆环.饼状.使用过程中发现圆环进度条对背景透明支持不够完善,内圆的背景无法实现透明,为了解决此问题,下面对此控件进行了一些修订,实现完整的圆形进度条. QRoundProgressBar目前存在的不足 QRoundProgressBar在带背景图片widge

第二周:PSP&amp;进度条

PSP: 一.词频统计改进 1.表格:     C类型 C内容 S开始时间 E结束时间 I时间间隔 T净时间(mins) 预计花费时间(hrs) 学习 <构建之法>.Java 8:46 12:18 28 152 3  分析 读需求.分析需求 13:12 14:52 30 130 1.5  编码 具体编码 14:54 20:17 82 241 4  调试 修改代码.代码复审 20:32 21:54 18 64 1 总结 总结结果 23:06 23:39 0 33 0.5 2.饼图: 3.总结分析

Unity3D中灵活绘制进度条

有时我们需要在Unity3D中绘制进度条,如:           或        如果使用4.6版本以下的unity绘制环形的进度条可能需要费点劲.我搜到的大多数方法都是用NGUI插件,但有时只是为了简单的画一个环形UI,使用NGUI反而还增加了学习成本.有一个利用CutOut材质的方法能够利用alpha值,灵活的控制进度条中需要显示的部分,以环形进度条为例,方法如下: 1.在PS中制作一张如下所示的图,RGB为进度条想要的颜色,alpha值从5-250环形渐变(如果从0-255,在进度为0

Linux中实现一个简单的进度条【转】

转自:http://blog.csdn.net/yuehailin/article/details/53999288 说起进度条,其实大家常常见到,比如说你在下载视频或文件的时候,提示你当前下载进度的就是我们今天要说的进度条,进度条的模拟实现是挺简单的,但是要做的比较实用还是需要注意很多地方的,下来我就一步步的深入分析一下进度条得实现. 1.起初写下了这样的代码,解释以下几点:     1>首先我们需要将[ ]固定在左右两边,中间预留下空间,然后用“=”进行填充.这里printf("[%-

第十周PSP&amp;进度条

PSP 2016.11.17 类别C 内容C 开始时间S 结束时间t 间隔时间I 净时间T 开站会 讨论新一轮工作内容 13:00 13:30 0 30 编码 实现 18:30 22:00 20 190 文档 随笔 22:00 22:30 0 30 讨论 程序改进 0 0 0 0 总计         250 2016.11.18 类别C 内容C 开始时间S 结束时间t 间隔时间I 净时间T 讨论班 听学姐将论文 8:00 11:30 0 210 开站会 讨论工作进程 13:00 13:30 0

练习题(登陆-进度条-微信接口判断qq-微信接口判断列车时刻表-)

1.写一个用户的登陆注册的界面,用户的密码用hashlib加密存在文件中,登陆时候,用户的密码要和文件中的密码一致才行 def sha(password): #加密函数 passwd = hashlib.sha256(bytes('wxtrkbc', encoding='utf-8')) passwd.update(bytes(password,encoding='utf-8')) return passwd.hexdigest() def register(user,passwd): #注册函

累计进度条 PSP 饼图

累计进度条   PSP   饼图 每周例行报告 本周PSP 类别 任务 开始时间 结束时间 被打断时间 总计工作时间 2016年9月9日 读书 构建之法-5.6章 19:00 20:00 0 60min 2016年9月10日 看博客 看燃尽图相关资料包括博客知乎等 8:30 9:30 0 60min 设计复审 重新审视四则运算的要求 9:40 9:50 0 10min 代码复审+具体编码 1.加入输出正确结果的功能 9:50 11:30 5min 95min 测试+写博客 1.对四则运算进行测试

android应用开发详解(八)----------------常用组件之进度条(续)

撑不住的时候,可以对自己说声"我好累",但不要对自己说"我不行". 进度条有很多种:对话框进度条.标题栏进度条.水平进度条 一.对话框进度条 (1)覆盖Activity的onCreateDialog()方法,并在其中创建对话框 (2)调用Activity的showDialog()方法,显示进度条对话框 二.标题栏进度条 (1)调用Activity的requestWindowFeature()方法,获得进度条 (2)调用Activity的setProgressBarI