rem: var barHtml = '<div id="progressBar" >  <div id="progress-bar-text"></div>   <div id="progress-bar-box">  <div id="progress-bar-box-content"></div>  <input style="float:left" type="button" id="cancel-button" name="Cancel" value="Cancel job" /></div> </div>'; Ext.DomHelper.overwrite("progress-area", barHtml); 
add: var div = '<div style="width:650px;"><input style="float:left;padding:10px;" type="button" id="cancel-button" name="Cancel" value="Cancel job" /><div id="progbar" style="width:200px;border:1px solid;"><div id="progress-bar-box-content" style="float:right;height:10px;"></div></div></div>'; Ext.DomHelper.overwrite("progress-area", div); 
context: 	createDeterminateProgressBar : function (){		this.determinate = 1;		var barHtml = '<div id="progressBar" >  <div id="progress-bar-text"></div>   <div id="progress-bar-box">  <div id="progress-bar-box-content"></div>  <input style="float:left" type="button" id="cancel-button" name="Cancel" value="Cancel job" /></div> </div>';	 	Ext.DomHelper.overwrite("progress-area", barHtml);	 	f = this.cancelJob.createDelegate(this, [], true);		Ext.get("cancel-button").on('click', f);	},
meta: 2891	/local1/tlutelli/issta_data/temp/all_js/javascript/2007_temp/2007/2891/4c5d8266c7c0367f8cd327cf41dfed9d31f21ab1/progressbar.js/clean/gemma-web/src/main/webapp/scripts/progressbar.js