Html 限制twitter引导中进度条的宽度

我正在使用twitter引导来增加我的Ui的趣味性。我真的很想在我的页面上添加一个进度条。除了进度条横跨屏幕的整个宽度之外，以下各项工作正常。我希望它被限制在一个小的矩形区域，而不是整个屏幕的长度。知道怎么做吗

<div class="left" >
    <p> <strong>Use the portal to submit your claims</strong></p>
    <p> Step 1 </p>
    <div class="progress progress-info">
        <div class="bar" style="width: 15%" ></div>
    </div>
    <p> Step 2 </p>
    <div class="progress progress-info">
        <div class="bar" style="width: 30%"></div>
    </div>
    <p> Step 3 </p>
    <div class="progress progress-info">
        <div class="bar" style="width: 45%"></div>
    </div>
</div>

使用门户提交您的索赔

第一步

步骤2

步骤3

只需将包含“left”类的DIV设置为所需的宽度

---

如果您使用的是Bootstrap的网格系统，那么您应该使用适当的“span”类，并带有一行和一个容器

当然，您只需要将包含DIV的类设置为“left”的宽度就可以了？如果您使用的是Bootstrap的网格系统，那么您应该使用适当的带有行和容器的“span”类。@BillyMoat我明白您的意思了，我完成了！我是CSS和html新手，这是我的第一个网络应用。谢谢你可以把上面的答案贴出来，我会接受的：-）不用担心，很高兴能帮上忙。谢谢！我是一个新手，你能在这里写一行关于跨度、行和容器的代码吗？或者下面我错的地方：再次感谢

步骤2/8 25%完成
在firefox中表现良好，但在chrome和edge中表现不好。