Bootstrap进度条未从0%显示问题咨询

问题根源是Bootstrap的.progress组件默认带有内边距（padding: 0.375rem），导致内部的进度条无法贴合容器左侧，出现你看到的空白间隙。

直接给你修改后的可用代码：

<div class="row">
    <div class="col-1">
         Skill:
    </div>
    <div class="col-11 align-self-center progress p-0">
        <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%">
        70%
        </div>
    </div>
</div>

关键改动是给.progress添加了Bootstrap内置的p-0类，这个类会直接清零元素内边距，让.progress-bar贴紧容器左侧，填满0%-70%的区域，完全符合你的预期。

如果不想用内置类，也可以通过自定义CSS覆盖默认样式：

.progress {
    padding: 0;
}

内容的提问来源于stack exchange，提问作者wiSHrew