Добрый день. У меня есть два блока, у одного ширина конкретно задана, у второго меняется в зависимости от значения. Выглядит это так:
<div id="data">130</div>
<div id="data1">шкала</div>
<script type="text/javascript">
var data = document.getElementById('data');
var data1 = document.getElementById('data1');
data.style.border = "1px solid rgba(54,162,235,1)";
data.style.width = 30+ "%";
data1.style.background = "rgba(54,162,235,0.2)";
data1.style.width = data.innerHTML +"px";
</script>
Так вот шкала у меня в пикселях, она при максимальном значений не должна превышать значения бордера. Которая в данный момент 30%.
Как переконвертировать значение в проценты? Я хочу написать :
data1.style.width = data.innerHTML +"%";
Но в данный момент это уже 130%, нужно чтобы не превышало заданный бордер в 30%.
Например 0% = 0, а 30% будет равнятся значению 400 или 500 или 1000?
Тоесть конец шкалы я тоже сам задаю.
На совсем наверное понятно, но как то так.