如何在栏的左侧和外侧显示进度条的百分比? Bootstrap进度条

时间:2018-02-10 23:21:02

标签: html css twitter-bootstrap css3 bootstrap-4

我需要在左侧显示Bootstrap进度条的百分比,如下所示:enter image description here

现在我有了这个: enter image description here

我的HTML:

            <span>76%</span>
            <div class="progress bar-wrapper">
                <div class="progress-bar skill-bar" role="progressbar" style="width: 76%"
                     aria-valuenow="76"
                     aria-valuemin="0" aria-valuemax="100">Photoshop
                </div>
            </div>

我可以把任何方式放在酒吧外的左侧吗?使用 Bootstrap 4

1 个答案:

答案 0 :(得分:2)

只需创建一个Flex容器,因为您使用的是Bootstrap的V4:

&#13;
&#13;
[a1:100]
&#13;
&#13;
&#13;