Javascript 网格中的ExtJS进度条

有没有办法在网格的页脚（fbar）中添加进度条？我已经成功地将按钮添加到网格面板中，但进度条没有成功

我在fbar里试过这个：

fbar: [{
                type: 'progress',
                text: 'updating...'
      }]

但结果是在页脚中添加了一个带有文本“更新”的按钮

有人知道我做错了什么吗？

假设Ext4

Ext.require(['Ext.data.*', 'Ext.grid.*']);

Ext.define('Restaurant', {
    extend: 'Ext.data.Model',
    fields: ['name', 'cuisine']
});

Ext.onReady(function() {
    var restaurants = Ext.create('Ext.data.Store', {
        storeId: 'restaraunts',
        model: 'Restaurant',
        data: [{
            name: 'Cheesecake Factory',
            cuisine: 'American'
        }]
    });

    var grid = Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),
        store: restaurants,
        width: 600,
        height: 400,
        frame: true,
        columns: [{
            text: 'Name',
            flex: 1,
            dataIndex: 'name'
        }, {
            text: 'Cuisine',
            flex: 1,
            dataIndex: 'cuisine'
        }],
        fbar: [{
            xtype: 'progressbar',
            text: 'Foo',
            width: 200
        }]
    });
});

---

您能告诉我如何访问此进度条的对象吗？我的意思是，如果我想更新进度，应该怎么做？使用var progress=grid.down（'progressbar'）；