extjs html ProgressBar

谁能帮我看看ProgressBar可不可以渲染到html中的td的id=pabr的节点上。



 var html = '<table cellpadding="10" style=" width:500px; border="1"><tbody>' +
 '<tr><td colspan="6" style="height:10px" id="pbar"></td></tr>' +
'</tbody></table>';
 var panel = Ext.create('Ext.Panel', {
  width: 600,
  // hidden: true,

  height: 450,
  html: html, autoScroll:true
});
  var pbar = new Ext.ProgressBar({
  //id: 'pbar',
  width: 280,
  renderTo: 'pbar', bodyStyle: 'padding: 5px;',
  text: '&#35831;&#31245;&#21518;...'
  });
 var win = new Ext.create('Ext.Window', {
  title: '报表',
  height: 500,
  width: 600,
  layout: 'fit',
  tbar: [startDate, endDate],
  items: panel,
  plain: true

  });

支持下。extjs太庞大了。