案例：Foundation案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
  <title>Foundation 实例</title>
5
  <meta charset="utf-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
  <link rel="stylesheet" href="/css/foundation5.5.3/foundation.min.css">
8
  <script src="/js/bootstrap/jquery.min.js"></script>
9
  <script src="/js/foundation5.5.3/foundation.min.js"></script>
10
  <script src="/js/foundation5.5.3/modernizr.js"></script>
11
</head>
12
<body>
13
​
14
<div style="padding:20px;">
15
  <h2>进度条尺寸</h2>
16
  <div class="progress large-1">
17
    <span class="meter" style="width:50%"></span>
18
  </div>
19
​
20
  <div class="progress large-6">
21
    <span class="meter" style="width:50%"></span>
22
  </div>
23
​
24
  <div class="progress large-9">
25
    <span class="meter" style="width:50%"></span>
26
  </div>
27
​
28
  <div class="progress large-11">
29
    <span class="meter" style="width:50%"></span>
30
  </div>
31
​
32
  <!-- Default width, if you remove .large-12 it will produce the same result -->
33
  <div class="progress large-12">
34
    <span class="meter" style="width:50%"></span>
35
  </div>
36
</div>
37
​
38
</body>
39
</html>
40
​