html - 如何在 Bootstrap 中输入进度条？

Question

很高兴见到你!

我有一个关于 bootstrap 的问题。所以我基本上有这个进度条，我已经设法在上面以毫升和百分比显示当前进度(它用于显示每日摄入的水流/所有需要的水)。现在我想在右侧显示剩余的 ml(percent) 量，如图所示:完成 20%/剩余 80%。我希望你能得到我想要的，对不起我的英语，我不是母语。

到目前为止，这是我的代码:

                        <div class="progress">
                            <div class="progress-bar progress-bar-striped progress-bar-info active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">800 ml (20%)
                            </div>
                        </div>

Answer 1

尝试将文本放在两个 span 中，一个向左浮动，一个向右浮动，clearfix包含进度条。