Triborg-333
@Triborg-333

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

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

есть переменная this.xp;
есть Прогрессбар bootstrap 60465aeeca00f643530759.png
как сделать так, что независимо от 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;
  • Вопрос задан
  • 95 просмотров
Решения вопроса 1
bingo347
@bingo347 Куратор тега JavaScript
Ткнуть в доку лучше готового к копипасте ответа
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) + '%'});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы