进度条在基础zurb不堆叠

Question

Foundation Zurb堆叠进度条不工作，我需要在代码笔中使用示例。这是我试过的代码，但它没有工作。

    <div class="progress large-6 radius round">
                      <span class="meter secondary" style="width: 20%"></span>
                      <span class="meter  alert " style="width: 20%"></span>
                      <span class="meter  success" style="width: 20%"></span></div>

Answer 1

不幸的是，尽管他们的文档在http://foundation.zurb.com/docs/components/progress_bars.html上有一个堆叠进度条的例子，但他们从那时起就没有发布新的版本，所以最新的版本(5.5.2)不包含必要的代码。也就是说，这是一个很容易应用到自己的改变:

https://github.com/zurb/foundation/commit/ece27e875243c32a620f7caa219a0b9718b47d60