进度条Progress

进度条 Progress - 图1

  1. <div class="progress">
  2.     <span style="width:50%">50%</span>
  3. </div>
  4. <div class="progress">
  5.     <span style="width:50%"></span>
  6. </div>

反色Inverse

添加class="inverse"转换为反色效果

进度条 Progress - 图2

  1. <div class="progress inverse">
  2.     <span style="width:50%">50%</span>
  3. </div>
  4. <div class="progress inverse">
  5.     <span style="width:50%"></span>
  6. </div>

自定义风格Custom Style

可以使用自定义风格工具快速创建CSS

进度条 Progress - 图3

  1. <div class="progress mystyle">
  2.     <span style="width:50%">50%</span>
  3. </div>
  4. <div class="progress mystyle">
  5.     <span style="width:50%"></span>
  6. </div>