菜鸟教程 tryfoundation_progressbar_width 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <div style="padding:20px;">
  <h2>进度条尺寸</h2>
  <div class="progress large-1">
    <span class="meter" style="width:50%"></span>
  </div>

  <div class="progress large-6">
    <span class="meter" style="width:50%"></span>
  </div>

  <div class="progress large-9">
    <span class="meter" style="width:50%"></span>
  </div>

  <div class="progress large-11">
    <span class="meter" style="width:50%"></span>
  </div>

  <!-- Default width, if you remove .large-12 it will produce the same result -->
  <div class="progress large-12">
    <span class="meter" style="width:50%"></span>
  </div>
</div>