Как правильно сделать Прогрессбар под %?

Question

[Triborg-333]

Здравствуйте, уважаемый программисты)

есть переменная this.xp;
есть Прогрессбар bootstrap
как сделать так, что независимо от this.xp значения "Прогрессбар" работал от 0-100% соответственно и по размеру "WIDTH" ?
$('#xp').text(this.xp + '%').css({width:this.xp});

например:

this.xp = 1500;
this.max_xp = 9000;
 от this.xp до this.max_xp;

Answer 1

[Дмитрий Беляев]

const limit = (min, max) => value => Math.min(max, Math.max(min, value));
const progressLimit = limit(0, 100);

$('#xp').text(this.xp + '%').css({width: progressLimit(this.xp) + '%'});

Comments

[Triborg-333]

Спасибо:)))) Дай Бог вам, Здоровья!

[Triborg-333]

Дмитрий, а как сделать от this.xp до this.max_xp ?

Например:
this.xp = 1500;
this.max_xp = 9000;

[Дмитрий Беляев]

Triborg-333, limit - это функция, которая конструирует новые функции с нужными Вам min и max