添加进度条.

带标签的彩色条，一眼看出事情进展到哪。用于项目状态、筹款目标、课程进度或技能水平。

添加进度条

登录后打开页面：悬停内容区即出现构建器控件。您的第一页介绍基础操作。

1. 悬停列，点击其控制栏中的 +；空白页面请点击 Add Elements。打开 Content 选项卡并点击 Progress bar。它落在列顶部，设置对话框打开。
2. 输入进度条的 Label，如 "Website redesign"。
3. 拖动 Progress 设置填充比例，或在滑杆旁的框中输入数值。这里选择 73%。
4. 从调色板为填充部分选择 Front color。
5. 在同一对话框下方，选择进度条是否加 Stripes。这里勾选 Add striped pattern to bar。
6. 点击对话框中的 Save。再点击内容区顶部工具栏中的 Save 保存页面。

您会看到的内容

带您标签的进度条填充到设定值，颜色为您所选。标签位于填充部分内。视频中条纹进度条文字为 Website redesign，填充其轨道的 73%。保存并发布页面后访客可见。

设置您的进度条

悬停元素，在其控制栏打开 More > Settings。选项：

• Label: 进度条上的文本。也可以直接点击页面上的标签就地编辑。
• Progress: 填充比例，0 到 100%。默认为 50。
• Bar height: 进度条高度，单位像素。默认为 45。
• Back color: 空轨道的颜色。
• Front color: 填充部分的颜色。
• Grow animation: 默认关闭。打开后，进度条从空开始，一半进入视野时填充。
• Stripes: Add striped pattern to bar 添加斜条纹。Animate stripes (requires striped pattern) 让条纹动起来。

如果看不到它

• Content 选项卡中没有 Progress bar。 您的用户档案隐藏了它。请管理员到用户档案启用。
• 重新加载后消失。 页面未保存。请重新添加并点击内容区顶部工具栏中的 Save。
• 进度条看起来是空的。 Progress 为 0，或 Grow animation 已打开而进度条尚未一半进入视野。请向下滚动到进度条，或悬停元素打开 More > Settings 调高 Progress。
• 没有条纹，或条纹不动。 Add striped pattern to bar 未勾选，而 Animate stripes (requires striped pattern) 需要它。请在 Stripes 下勾选 Add striped pattern to bar。
• 填充部分与轨道混在一起。 Front color 和 Back color 太接近。请选择深色 Front color 或浅色 Back color。

接下来做什么？

样式选项卡：改变进度条的间距和背景。