DesignOrbital Progress Bar Block
| 开发者 | designorbital |
|---|---|
| 更新时间 | 2026年10月9日 04:34 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPL-2.0-or-later |
| 版权网址: | 版权信息 |
详情介绍:
This plugin adds an animated DesignOrbital Progress Bar block to the WordPress block editor. Show skills, goals, or any percentage as a clean line bar with a label and value.
Features
- Native block built with the WordPress block API — no shortcodes, no page builder.
- Editable label with a choice of heading or text tag, and an optional value with a custom suffix.
- Show the value above the bar or inside the fill.
- Adjustable bar thickness, and rounded or square ends.
- Striped fill with optional stripe animation.
- Fill color or gradient, track color, and value color and size.
- Fills the bar and counts up the value when it scrolls into view, with an adjustable duration. Respects the visitor's reduced-motion setting.
- Typography, text color, and margin controls from the block editor.
- Accessible markup using the ARIA
progressbarrole. - Lightweight: styles and scripts load only on pages that use the block.
- Translation ready.
- DesignOrbital Blocks Plugin – 35+ blocks and extensions for the block editor.
- DesignOrbital Pattern Library – 220+ predesigned patterns for building pages.
安装:
- In your WordPress admin, go to Plugins → Add New, search for "DesignOrbital Progress Bar Block", then install and activate it.
- Alternatively, upload the
designorbital-progress-bar-blockfolder to/wp-content/plugins/and activate it from the Plugins screen. - Open the block editor, click the + inserter, and search for "DesignOrbital Progress Bar".
常见问题:
How do I change the progress value?
Select the block and use the Value slider in the block settings sidebar.
Can I turn off the scroll animation?
Yes. Open the Animation panel in the block settings and turn off Animate On Scroll.
更新日志:
1.0.0
- Initial release.