预览1920×1080
设置
:
透明度
透明度
透明度
功能特点
纯浏览器渲染
完全在本地完成，无需上传视频到服务器，数据安全有保障，生成速度快。
参考视频叠加
导入原始视频作为背景参考，进度条将自动匹配视频分辨率与时长，一键对齐。
多种进度条特效
支持纯色、发光、渐变（4色）、流动条纹、脉冲五种特效，满足不同视觉需求。
Emoji & 图片滑块
滑块支持 PNG/GIF/WebP 自定义图片或任意 Emoji 表情，个性化十足。
滑块动画效果
提供弹跳、旋转、脉冲、摇摆、波浪、缩放六种滑块动画，让进度条更生动。
自由分辨率
内置横屏 1920×1080、竖屏 1080×1920 预设，也可完全自定义画布尺寸。
百分比文字
进度百分比可显示在左侧、居中、右侧或跟随滑块，字号、颜色、透明度均可调。
撤销 / 重做
完整操作历史记录，随时撤销误操作或重做，配合「保存」按钮本地持久化参数。
无需安装
本地处理
导出 WebM
完全免费
移动端适配
使用介绍
1
导入参考视频（可选）
点击「参考视频」上传你的原视频，工具会自动读取其分辨率与时长，并将进度条叠加在参考视频上预览，方便精确对位。若不导入，也可手动设置画布分辨率和时长。
支持 MP4、MOV、WebM 等常见格式
2
配置进度条样式
在「设置」面板中调整轨道颜色、填充颜色、进度条厚度、圆角和边距，再选择喜欢的特效（发光 / 渐变 / 条纹 / 脉冲）并微调对应参数，实时预览即时生效。
拖动进度条可预览任意时间点的样式
3
设置滑块
选择「图片」模式上传自定义滑块图片（推荐透明背景 PNG），或选择「Emoji」模式从弹窗中选取表情。再挑选一种动画并调整大小、圆角、不透明度和 Y 轴偏移，让滑块更有个性。
GIF 图片会在导出时保留动态效果
4
配置百分比文字（可选）
在「显示百分比」下拉框中选择文字位置，调整字体颜色与大小。选择「跟随滑块」可让数字跟随进度动态移动，适合突出进度感。
5
生成并下载视频
确认预览效果满意后，点击「生成视频」按钮开始渲染。渲染完成后「下载视频」按钮变为可用，点击即可将
生成时长与实际视频等长，请耐心等待
.webm 进度条视频保存到本地，再通过视频编辑软件叠加到原视频上即可。6
保存参数配置
点击「保存」可将当前所有参数记录到本地，下次打开页面时自动恢复，避免重复配置。撤销 / 重做按钮支持多步历史操作；「重置」可一键恢复默认值。
常见问题
导出格式为
WebM（VP9 编码），大多数现代浏览器和剪辑软件均可识别。如需 MP4 格式，可用 FFmpeg（免费）进行快速转换，命令为：ffmpeg -i input.webm output.mp4。直接发布前建议先在剪辑软件中合并到原视频轨道上。下载生成的 WebM 进度条视频后，在 PR、达芬奇、CapCut（剪映）等剪辑软件中，将进度条视频放置在原始视频轨道的上层，并将混合模式设置为「正常」或「滤色」即可。进度条视频背景默认为透明（Alpha 通道），无需额外抠图。
这是设计行为：导入参考视频后，工具会自动匹配其分辨率和时长以确保完美对齐，因此对应输入框会被锁定。如需解锁，点击参考视频旁的
× 按钮移除参考视频即可重新自由设置。完全正常。视频渲染在本地浏览器中以逐帧绘制方式完成，耗时与视频时长、分辨率成正比。1080P 15 秒视频大约需要 10–30 秒完成（取决于设备性能）。渲染期间页面可能会有短暂响应延迟，等待进度完成即可，请勿关闭或刷新页面。
请确认图片格式为
PNG、GIF 或 WebP，且文件大小建议不超过 5 MB。若图片含透明通道（Alpha），滑块会正确透出背景；若为白色/纯色背景，建议提前用工具去背。图片导入后可通过「滑块大小」和「圆角」参数进一步调整外观。点击「保存」后，参数会存储在当前浏览器的
localStorage 中，仅在同一浏览器、同一域名下有效。换设备、换浏览器或清除浏览器数据后，保存的参数将会丢失，届时重新配置即可。完全支持。在「画布分辨率」下拉框中选择
1080×1920（竖屏） 预设，或导入竖屏参考视频，工具会自动适配。进度条的位置、厚度、文字大小等参数也可在竖屏模式下独立调整，以获得最佳显示效果。是的，发光效果会随帧渲染并完整保留在导出的 WebM 视频中。发光强度和发光颜色均可在导出前自由调整。如果最终视频看起来发光不明显，建议在剪辑软件中将进度条图层的混合模式改为「滤色」，可大幅增强发光视觉效果。