=== Progress Bar ===
Contributors: wpbranddigital25
Tags: block, progress, progress-bar, bar, gutenberg
Requires at least: 6.1
Tested up to: 6.9
Stable tag: 1.0.0
Requires PHP: 7.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

A beautiful and lightweight progress bar block for the WordPress Gutenberg editor with smooth animations and full customization options.

== Description ==

The WBD Progress Bar block is a simple yet powerful tool for displaying progress, statistics, skills, or any percentage-based data on your WordPress site. Built with modern web standards, this block offers smooth animations and a clean, professional appearance.

**Key Features:**

* **Fully Static Block** – Pure HTML/CSS output for maximum performance.
* **Smooth Animations** – Beautiful 0.3s transition effect when progress changes.
* **Color Customization** – Separate color controls for progress fill and background track.
* **Percentage Display** – Optional centered percentage text inside the bar.
* **Style Variations** – Thin (6px), Medium (12px), and Thick (20px).
* **Fully Responsive** – Works perfectly on all screen sizes.
* **Accessible Design** – Semantic HTML with ARIA attributes.
* **No Dependencies** – Built only with WordPress block components.

**Perfect For:**

* Skill & competency display  
* Project completion indicators  
* Goal tracking & fundraising  
* Statistics & data visualization  
 


The block provides an intuitive editing experience with sidebar controls for adjusting the percentage (0–100), customizing colors, toggling percentage text visibility, and selecting from predefined style variations.

== Installation ==

1. Upload the plugin folder to `/wp-content/plugins/wbd-progress-bar`.
2. Activate the plugin through the “Plugins” screen in WordPress.
3. Add the **WBD Progress Bar** block to any post/page from the block inserter.
4. Customize the percentage, colors, and style from the block sidebar.

== Frequently Asked Questions ==

= Can I customize the colors? =
Yes! The block includes color pickers for the progress fill and background track so you can match your site’s design.

= How do I change the progress percentage? =
Use the “Progress Percentage” number control in the block sidebar. Enter any value from 0 to 100.

= Can I hide the percentage text? =
Yes, there is a sidebar toggle named “Show Percentage Text” that lets you hide or display the percentage.

= What are the style variations? =
The block includes three variations:
* **Thin** – 6px height for subtle displays  
* **Medium** – 12px (default)  
* **Thick** – 20px for a bold look  

= Is the block responsive? =
Yes! The progress bar automatically adapts to all screen sizes.

= Does it work with the Full Site Editor? =
Absolutely. The block works with both the post editor and the Full Site Editor (FSE).

== Screenshots ==

1. Progress Bar block with sidebar controls.
2.Default Theme One

== Changelog ==

= 1.0.0 =
* Initial release.
* Progress percentage control (0–100).
* Custom fill and track colors.
* Optional percentage text display.
* Three style variations (Thin, Medium, Thick).
* Smooth transition animations.
* Fully responsive design.
* Static block with clean HTML output.

== Upgrade Notice ==

= 1.0.0 =
Initial release of the WBD Progress Bar block.