# Animated Bar: 条形图

灰色条在曲线和 +42% 标签下方生长。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/hyperframes/animated-bar

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-animated-bar.mp4?v=2e3f83ba6f

紧凑的单色图表卡，带有不断增长的条形、平滑的趋势曲线以及右上角的大百分比标注。

- 框架: HyperFrames
- 类别: 图表
- 时长: 5 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/hyperframes/animated-bar

一张圆形的白色卡片漂浮在浅灰色的背景上。标题和单行副标题位于左上角，然后一排深灰色条从不同高度的基线开始生长。一条平滑的灰色曲线从左到右横跨卡片的下半部分，右上角有一个粗体标注，例如 +42%。完整的动画需要五秒钟，对于快速的统计节拍来说足够短了。

更改标题、副标题和标注文本，然后输入您自己的值来设置每个栏的高度。中性灰色调色板在品牌颜色或繁忙的镜头旁边保持冷静。将其放入产品更新、有关增长的社交帖子、宣传视频或教程中，您需要一个数字才能在没有完整图表的情况下脱颖而出。

## 适用场景

- 产品更新中的快速增长统计
- 推介和投资者视频
- 有关每月结果的社交帖子
- 教程中的单个数字突出显示

## 可修改的内容

- `title`: 标题 (文本)
- `subtitle`: 字幕 (文本)
- `callout`: 标注图 (文本)
- `values`: 条形值 (文本)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Animated Bar 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。