Title: DesignOrbital Progress Bar Block Author: DesignOrbital Published: 2026(e)ko urriaren 8(a) Last modified: 2026(e)ko urriaren 8(a) --- Bilatu pluginak ![](https://ps.w.org/designorbital-progress-bar-block/assets/banner-772x250.png? rev=3735456) ![](https://ps.w.org/designorbital-progress-bar-block/assets/icon-256x256.png?rev =3735456) # DesignOrbital Progress Bar Block [DesignOrbital](https://profiles.wordpress.org/designorbital/)-(r)en eskutik [Deskargatu](https://downloads.wordpress.org/plugin/designorbital-progress-bar-block.1.0.0.zip) * [Xehetasunak](https://eu.wordpress.org/plugins/designorbital-progress-bar-block/#description) * [Berrikuspenak](https://eu.wordpress.org/plugins/designorbital-progress-bar-block/#reviews) * [Instalazioa](https://eu.wordpress.org/plugins/designorbital-progress-bar-block/#installation) * [Garapena](https://eu.wordpress.org/plugins/designorbital-progress-bar-block/#developers) [Laguntza](https://wordpress.org/support/plugin/designorbital-progress-bar-block/) ## Deskripzioa 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 `progressbar` role. * Lightweight: styles and scripts load only on pages that use the block. * Translation ready. This plugin does not collect any data, set cookies, or connect to external services. ### Built by DesignOrbital This block is developed by [DesignOrbital](https://designorbital.com/), a team building Full Site Editing themes, blocks, and patterns. Explore our [free Full Site Editing themes](https://designorbital.com/theme-price/free/). ### Related resources * [DesignOrbital Blocks Plugin](https://designorbital.com/designorbital-blocks-plugin/)– 35+ blocks and extensions for the block editor. * [DesignOrbital Pattern Library](https://designorbital.com/wordpress-doc/designorbital-pattern-library/)– 220+ predesigned patterns for building pages. ## Pantaila-argazkiak [⌊The DesignOrbital Progress Bar block in the editor with the Value setting.⌉⌊The DesignOrbital Progress Bar block in the editor with the Value setting.⌉[ The DesignOrbital Progress Bar block in the editor with the Value setting. ## Blokeak Plugin honek 1 blokea hornitzen du. * DesignOrbital Progress Bar Animated line progress bar with a label, value, stripes and custom colors. ## Instalazioa 1. In your WordPress admin, go to **Plugins Add New**, search for “DesignOrbital Progress Bar Block”, then install and activate it. 2. Alternatively, upload the `designorbital-progress-bar-block` folder to `/wp-content/ plugins/` and activate it from the **Plugins** screen. 3. Open the block editor, click the **+** inserter, and search for “DesignOrbital Progress Bar”. ## MEG ### 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**. ## Berrikuspenak Ez dago berrikuspenik plugin honentzat. ## Laguntzaileak eta Garatzaileak “DesignOrbital Progress Bar Block” software librea da. Ondoko pertsonek egin dizkiote ekarpenak plugin honi. Laguntzaileak * [ DesignOrbital ](https://profiles.wordpress.org/designorbital/) [Itzul zaitez DesignOrbital Progress Bar Block zure hizkuntzara.](https://translate.wordpress.org/projects/wp-plugins/designorbital-progress-bar-block) ### Garapena interesatzen zaizu? [Araka kodea](https://plugins.trac.wordpress.org/browser/designorbital-progress-bar-block/), begiratu [SVN biltegia](https://plugins.svn.wordpress.org/designorbital-progress-bar-block/) edo harpidetu [garapen erregistrora](https://plugins.trac.wordpress.org/log/designorbital-progress-bar-block/) [RSS](https://plugins.trac.wordpress.org/log/designorbital-progress-bar-block/?limit=100&mode=stop_on_copy&format=rss) bidez. ## Aldaketen loga #### 1.0.0 * Initial release. ## Meta * Version **1.0.0** * Azken eguneraketa **duela egun 1** * Instalazio aktiboak **10 baino gutxiago** * WordPress bertsioa ** 6.7 edo handiagoa ** * **7.1.3** (e)raino probatuta. * PHP bertsioa ** 7.4 edo handiagoa ** * Language * [English (US)](https://wordpress.org/plugins/designorbital-progress-bar-block/) * Etiketak * [block](https://eu.wordpress.org/plugins/tags/block/)[gutenberg](https://eu.wordpress.org/plugins/tags/gutenberg/) [meter](https://eu.wordpress.org/plugins/tags/meter/)[progress](https://eu.wordpress.org/plugins/tags/progress/) [progress bar](https://eu.wordpress.org/plugins/tags/progress-bar/) * [Ikuspegi aurreratua](https://eu.wordpress.org/plugins/designorbital-progress-bar-block/advanced/) ## Balorazioak No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/designorbital-progress-bar-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/designorbital-progress-bar-block/reviews/) ## Laguntzaileak * [ DesignOrbital ](https://profiles.wordpress.org/designorbital/) ## Laguntza Zerbait duzu esateko? Laguntza behar? [Ikusi laguntza foroa](https://wordpress.org/support/plugin/designorbital-progress-bar-block/)