tryfoundation_progressbar_css 在线代码实例

HTML
CSS
JavaScript
Result

运行保存全屏右侧展示

主题:


 <div style="padding:20px;">
  <h2>进度条标签</h2>
  <div class="progress">
    <span class="meter" style="position:relative;width:75%">
      <span class="percentage">75%</span>
    </span>
  </div>

  <div class="progress success">
    <span class="meter" style="position:relative;width:50%">
      <span class="percentage">50%</span>
    </span>
  </div>

  <div class="progress alert">
    <span class="meter" style="position:relative;width:25%">
      <span class="percentage">25%</span>
    </span>
  </div>
</div>