如何在 Elementor 中添加圆进度条
该小部件是免费主插件的一部分,因此您只需要 Elementor 和主插件。
- 安装并激活 WordPress.org 的主插件.
- 使用 Elementor 编辑您的页面并搜索小部件面板 进度条.
- Da到一列中, 一行圆, 每列放一个小部件。
- 在内容中,键入标题并将值设置为 0 到 100。
- 在样式、通用样式中,将样式预设设置为圆形,或设置为半圆形规格的扇形。
- 设置前栏和后栏颜色和宽度,然后对标题和价值文本进行样式。
每个设置都包含在 进度栏小部件设置 指南。
线路、线路气泡、圆形和风扇预设
挑选造型,一般造型, 样式预设.线是平面横条,上面有标题,线泡加一个圆标签,顺着填点滑动,显示百分比,圆画一个中值满环,扇画一个半圆规。
- 随时切换预设,标题、值和颜色保持原样。
- 气泡颜色 将气泡的填充设置为 Line Bubble。
- 气泡位置 将气泡向上或向下移动到杆上。
标题和价值
内容选项卡有两个字段。 标题 是标签,如筹款目标或课程进度。 价值 是一个从 0 到 100(默认情况下为 60)的数字,它设置条形、环形或规范填充的距离,并以百分比显示。
- 当页面加载时,填充会从零到您的值大约一秒钟。
- 没有自定义最大值,因此 60 节课中的 45 节课为 75 节课。
- 1个小部件就是1个指标, 复制起来, 建一行圆圈或者一堆线。
前吧台和后吧台造型
前酒吧 是填充部分和 后酒吧 is 背后的轨道。每个都有自己的颜色和笔画厚度的宽度数字,默认情况下为5。较薄的轻轨上方有一个厚的前条易于阅读,尤其是在Circle和Fan预设上。
- 默认颜色为浅灰色 (#ddd) 轨道上的紫色 (#704aff)。
- 颜色是实心的。没有渐变填充选项。
- Width 是所有设备的一个数字,因此请在移动设备上检查结果。
标题和价值文本
的 标题 並 价值 style 部分各有一个颜色选择器和完整的 Typography 组,因此百分比可以比标签更大或更大胆。在 Circle 和 Fan 上预设值位于形状内部。
- 标题作为 H6 标题输出,默认为黑色。
- 价值颜色和排版也适用于 Line Bubble 标签。
元素进度条 vs 主插件进度条
2个小部件都是免费的,Elementor的进度条是一个直条,里面可以放一行文字,Master Addons添加了圆形,所以选择多归结为你需要的形状。
进度条常见问题
了解用户对 Progress Bar 的询问最多的查询,并在一处找到答案。
Master Addons Progress Bar 小部件免费吗?
是的。它附带 WordPress。org 上的免费 Master Addons 插件,并且所有四个预设均包含在没有 Pro 许可证的情况下。
100分可以做一个圈进度条吗?
是的。将样式预设设置为圆圈,将值设置为分数,例如 85。环填充到 85%,中间为 85%。对于另一个数字的分数,请先将其转换为百分比,因为小部件没有自定义最大值。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
