Title: DesignOrbital Progress Bar Block
Author: DesignOrbital
Published: <strong>تشرینی یەکەم 8, 2026</strong>
Last modified: تشرینی یەکەم 8, 2026

---

گەڕان لە پێوەکراوەکان

![](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/)

[داگرتن](https://downloads.wordpress.org/plugin/designorbital-progress-bar-block.1.0.0.zip)

 * [وردەکارییەکان](https://ku.wordpress.org/plugins/designorbital-progress-bar-block/#description)
 * [پێداچوونەوەکان](https://ku.wordpress.org/plugins/designorbital-progress-bar-block/#reviews)
 *  [دامەزراندن](https://ku.wordpress.org/plugins/designorbital-progress-bar-block/#installation)
 * [گەشەپێدان](https://ku.wordpress.org/plugins/designorbital-progress-bar-block/#developers)

 [پشتیوانی](https://wordpress.org/support/plugin/designorbital-progress-bar-block/)

## وەسف

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.

## سکرین شۆتەکان

[⌊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.

## بڵۆکەکان

ئەم پێوەکراوە 1 بڵۆک دابین دەکات.

 *   DesignOrbital Progress Bar Animated line progress bar with a label, value, 
   stripes and custom colors.

## دامەزراندن

 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”.

## پهد

### 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**.

## پێداچوونەوەکان

هیچ پێداچوونەوەیەک نەنووسراوە بۆ ئەم پێوەکراوە.

## بەشداربووان و گەشەپێدەران

“DesignOrbital Progress Bar Block” نەرمەواڵەیەکی سەرچاوە کراوەیە. ئەم کەسانەی خوارەوە
بەشدارییان تێدا کردووە.

بەشداربووان

 *   [ DesignOrbital ](https://profiles.wordpress.org/designorbital/)

[“DesignOrbital Progress Bar Block” وەربگێڕە بۆ زمانەکەی خۆت.](https://translate.wordpress.org/projects/wp-plugins/designorbital-progress-bar-block)

### دەتەوێت بەشداربیت لە گەشەپێدان؟

[گەڕان لە کۆدەکەدا بکە](https://plugins.trac.wordpress.org/browser/designorbital-progress-bar-block/)،
سەیری [تەمارگەی (SVN)](https://plugins.svn.wordpress.org/designorbital-progress-bar-block/)
بکە، یان بەشداربە لە [ڕووداوتۆماری گەشەپێدان](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).

## ڕووداوتۆمارگەریی گۆڕین

#### 1.0.0

 * Initial release.

## مێتا

 *  وەشان **1.0.0**
 *  دوایین بەڕۆژکردنەوە **1 ڕۆژ لەمەوبەر**
 *  دامەزراندنی چالاک **کەمتر لە 10**
 *  وەشانی وۆردپرێس ** 6.7 یان بەرزتر **
 *  تاقیکراوەتەوە تا **7.1.3**
 *  وەشانی PHP ** 7.4 یان بەرزتر **
 *  زمان
 * [English (US)](https://wordpress.org/plugins/designorbital-progress-bar-block/)
 * تاگەکان
 * [block](https://ku.wordpress.org/plugins/tags/block/)[gutenberg](https://ku.wordpress.org/plugins/tags/gutenberg/)
   [meter](https://ku.wordpress.org/plugins/tags/meter/)[progress](https://ku.wordpress.org/plugins/tags/progress/)
   [progress bar](https://ku.wordpress.org/plugins/tags/progress-bar/)
 *  [بینینی پێشکەوتوو](https://ku.wordpress.org/plugins/designorbital-progress-bar-block/advanced/)

## هەڵسەنگاندنەکان

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/designorbital-progress-bar-block/reviews/#new-post)

[بینینی هەموو پێداچوونەوەکان](https://wordpress.org/support/plugin/designorbital-progress-bar-block/reviews/)

## بەشداربووان

 *   [ DesignOrbital ](https://profiles.wordpress.org/designorbital/)

## پشتیوانی

هیچت هەیە بۆ وتن؟ پێویستت بە یارمەتییە؟

 [بینینی مەکۆی پاڵپشتی](https://wordpress.org/support/plugin/designorbital-progress-bar-block/)