Как подставить значение в стили?

Question

[booogabooo]

Реализую простой прогресс-бар (в зависимости от процентного заполнения хранилища увеличивается ширина блока)
Отпарсил значение:

var element = document.getElementById('metal_percent').innerHTML;
var percentValue = parseFloat(element);

провел некоторые математические вычисления...
и в итоге получил переменную типа float
это значение мне нужна установить как ширину:

document.getElementById('metal_container').style.width = ...........;

Как подставить в стили полученное значение?

Пытался делать преобразование toString() - не помогло...

Comments

[booogabooo]

всем спасибо) не понимаю, как такое мог упустить...

Answer 1

[A K]

element.style.width = myValue+'px';

Answer 2

[Сергей Наломенко]

Подключите jQuery (необязательно, но в целом как-то проще работать с DOM) и пропишите:

$('#metal_container').css('width', percentValue + '%');

Либо без jQuery, но с указанием единиц измерения (без них никуда):

document.getElementById('metal_container').style.width = percentValue  + '%';

Answer 3

[Rsa97]

А единицы измерения добавили?

document.getElementById('metal_container').style.width = Math.floor(width)+"px";