JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser-ce/2.11.0/phaser.min.js"></script>
<div id="myDiv"> </div>

JavaScript

// Initialize Phaser, and creates a 400x200px game
var game = new Phaser.Game(400, 200, Phaser.CANVAS, 'myDiv', { create: create });


function create()
{
	//Fill
	var graphs = game.add.graphics(0, 0);
	graphs.lineStyle(2, 0xFF0000, 1);
	graphs.beginFill(0xFF0000, 1);
	
	progressBar = graphs.drawRect(100, 50, 1, 20);
	progressBar.anchor.setTo(1.0, 0);
	
	//Outline
	graphs = game.add.graphics(0, 0);
	
	graphs.lineStyle(2, 0xFFFFFF, 1);
	
	progressBarOutline = graphs.drawRect(100, 50, 100, 20);
  
  game.input.onDown.add( resizeProgressBar, this );
}

function resizeProgressBar()
{
		game.add.tween(progressBar.scale).to( { x: 2.5}, 500, Phaser.Easing.Quadratic.InOut, true);
}