Question

我正在使用动态增长的进度条。进度条下方是以百分比表示的值，也是动态生成的。

$('.progress-bar').animate({ width: '100%' }, {
    duration:2000,
    step: function(now, fx) {
        if (fx.prop == 'width') {
            var newval = Math.round(now * 100) / 100 + '%';
            $([this, $(this).nextAll('.count')[0]]).html(newval);
        }
    }
});

这就是我到目前为止：http://jsfiddle.net/zjdBh/34/

如何摆脱进度条中的百分比值？下面的百分比应该保持不变，但进度条中的文本值应该消失

Answer 1

点击此处 jsfiddle

在

行

$([this, $(this).nextAll('.count')[0]]).html(newval);

您将html添加到this .progress-bar和$(this).next('.count')

所以只需删除第一个this

 $([$(this).nextAll('.count')[0]]).html(newval);

让我知道是否有帮助

Answer 2

$('.progress-bar').animate(
    {width:'100%'}, 
    {
        duration:2000,
        step: function(now, fx) {
            if(fx.prop == 'width') {
               var newval = Math.round(now * 100) / 100 + '%';                    
               $([$(this).nextAll('.count')[0]]).html(newval);  
            }
        }
    }        
);

Answer 3

您需要删除count div中显示％age的部分。 this能为你效劳吗？

Answer 4

对font-size使用零值可以解决问题改变你的CSS ..

 .progressbar {

inline-block;
   font-size:0px !important;
   text-intent:-9999999px !important;
   color:transparent !important
}

如何用javascript增加百分比值

4 个答案: