步骤进度条是一个常见的UI元素，用于显示当前进度和完成状态。在ExtJs中，可以使用ProgressBar组件来实现步骤进度条。

下面是一个简单的示例代码，演示如何使用ExtJs创建一个步骤进度条：

Ext.onReady(function(){
    // 创建一个步骤进度条
    var progressBar = Ext.create('Ext.ProgressBar', {
        width: 300,
        renderTo: Ext.getBody()
    });

    // 定义步骤列表
    var steps = [
        {text: '步骤1', progress: 0.3},
        {text: '步骤2', progress: 0.6},
        {text: '步骤3', progress: 1}
    ];

    // 更新进度条显示
    function updateProgress(stepIndex) {
        if (stepIndex >= 0 && stepIndex < steps.length) {
            var step = steps[stepIndex];
            progressBar.updateProgress(step.progress, step.text);
        }
    }

    // 初始化进度条
    updateProgress(0);

    // 模拟步骤切换
    var currentStep = 0;
    var intervalId = setInterval(function() {
        currentStep++;
        updateProgress(currentStep);
        if (currentStep >= steps.length) {
            clearInterval(intervalId);
        }
    }, 1000);
});

在上面的示例中，我们首先创建一个ProgressBar组件，并指定其宽度和渲染目标。然后，定义了一个步骤列表，每个步骤包含一个文本和进度值。接下来，我们定义了一个updateProgress函数，用于根据给定的步骤索引更新进度条显示。最后，我们通过定时器模拟步骤的切换，并在每个步骤中调用updateProgress函数更新进度条。

通过以上代码，我们可以在ExtJs中创建并使用步骤进度条来显示当前进度和完成状态。