PhaserJS making a healthBar

HTML

<script src="//cdn.jsdelivr.net/phaser/2.4.8/phaser.min.js"></script>
<div id="test"></div>

JavaScript

// Phaser version 2.4.8
// HealthBar 

var game = new Phaser.Game(600, 400, Phaser.AUTO, 'test');

var BasicGame = function(game) {};

BasicGame.Boot = function (game) {};

BasicGame.Boot.prototype = 
{
   	create: function() {   
    
   		   var bmd = game.add.bitmapData(200,40);
         bmd.ctx.beginPath();
         bmd.ctx.rect(0,0,180,30);
         bmd.ctx.fillStyle = '#00685e';
         bmd.ctx.fill();
        
         healthBar = game.add.sprite(game.world.centerX-100,game.world.centerY,bmd);
         healthBar.anchor.y = 0.5;
    },
    
    update: function() {
     barWidth = healthBar.width;
     LIFE = 40;
     // healthBar.width /= 2;
    },
};
game.state.add('Boot', BasicGame.Boot);
game.state.start('Boot');
BasicGame.Boot.update();