theia中，如何设置加载动画，给出代码示例

以下是在 theia 中设置加载动画的示例代码：

import { Disposable } from '@theia/core/lib/common';
import { StatusBar, StatusBarAlignment } from '@theia/core/lib/browser/status-bar/status-bar';

export class LoadingIndicator implements Disposable {

    private enabled = false;
    private intervalId: any;

    constructor(private statusBar: StatusBar) { }

    show() {
        if (!this.enabled) {
            this.enabled = true;
            let count = 0;
            this.intervalId = setInterval(() => {
                const text = `Loading${'.'.repeat(count % 4)}`;
                this.statusBar.setElement('loading', {
                    text,
                    alignment: StatusBarAlignment.LEFT,
                    priority: 100
                });
                count++;
            }, 250);
        }
    }

    hide() {
        if (this.enabled) {
            this.enabled = false;
            clearInterval(this.intervalId);
            this.statusBar.removeElement('loading');
        }
    }

    dispose() {
        this.hide();
    }

}

示例类 `LoadingIndicator` 接受 `StatusBar` 作为它的构造函数参数，利用循环定时任务改变状态栏内的文本，从而实现了一个简单的加载动画。在需要显示加载动画的时候，可以使用 `LoadingIndicator.show()` 方法生成一个加载动画条；在加载完成时，调用 `LoadingIndicator.hide()` 方法隐藏加载动画。