document.getElementById('eat').style = 'width:'+ eat +'%';
document.getElementById('water').style = 'width:'+ water +'%';
<div class="progressbar" id="eat">
<div class="progressbar" id="water">
<div class="progressbar" id="eat">
<div class="progressbar" id="water">
<div class="progressbar" id="eat">
<div class="progressbar" id="water">
document.getElementById('eat').style = 'width:'+ eat +'%';
document.getElementById('water').style = 'width:'+ water +'%';