jquery - 幅を 100% 以下に設定

Question

width変数値に基づいて 100% を超えないように設定するにはどうすればよいですか?

var progBarValue = $(this).find('.days-due').text();

$(this).find('.bar').width(progBarValue +"%");

width最大 100% にクランプする値が必要です。

例: progBarValue が 250%widthを返す場合、100% のままです。

Answer 1

width 属性が 100% を超える可能性があるため、変数自体を変更する必要があると思います。

var progBarValue = $(this).find('.days-due').text();
progBarValue = progBarValue > 100 ? 100 : progBarValue;
$(this).find('.bar').width(progBarValue +"%");