WordPress 教程：手把手教你制作“进度条式”轮播图指示器

在使用 WordPress 插件 Stackable 制作轮播图（Carousel）时，默认的圆点分页器（Pagination）往往显得中规中矩。今天教大家如何通过几行简单的 CSS 代码，将其升级为自动播放进度条效果。

• 分页圆点变为扁平长条。
• 背景为半透明白色，激活项有纯白进度动画。
• 动画同步：进度条走完，图片自动切换。
• 智能悬停：鼠标放上去图片停止切换时，进度条也会自动“定格”。

在 WordPress 编辑器中添加 Carousel 区块，并进行以下配置：

1. 开启分页器：在右侧设置面板找到 Pagination，确保开关已打开，类型选择 Dots。
2. 设置自动播放：在 Autoplay 中开启自动播放，记住你的 Autoplay Speed（默认通常是 5000，即 5 秒）。

进入 WordPress 后台，点击 外观 > 自定义 > 额外 CSS，将以下代码粘贴进去：