ProgressIndicator has not been rendered using xtype progressindicator. How do I do it?

Code:
Ext.define('Test.view.Home', {
    extend: 'Ext.tab.Panel',
    xtype: 'home',
    requires: [
        'Ext.TitleBar',
        'Ext.Video',
        'Ext.ProgressIndicator'
    ],
    initialize: function(){
      this.callParent()
    },
    config: {
        tabBarPosition: 'top',
        tabBar:{
          padding:'15 0 0 0',
          height:'60px'
        },
        items: [
            {
                iconCls: 'home',
                styleHtmlContent: true,
                scrollable: true,
                items:[{
                  xtype: 'progressindicator'
                }]
            },
            {
                xtype: 'container',
                disabled: true,
                tab: {
                    flex: 1
                }
            },
            {
                title: 'PROFILE',
                items: [


                ]
            }
        ]
    }
});