Title: StichyX Bar Author: mdtanvirahmed Published: 9 ਜੂਨ 2026 Last modified: 23 ਜੂਨ 2026 --- ਪਲੱਗਇਨਾਂ ਖੋਜੋ ![](https://ps.w.org/stichyx-bar/assets/banner-772x250.png?rev=3568295) ![](https://ps.w.org/stichyx-bar/assets/icon-256x256.png?rev=3568366) # StichyX Bar [mdtanvirahmed](https://profiles.wordpress.org/mdtanvirahmed/) ਵੱਲੋਂ [ਡਾਊਨਲੋਡ ਕਰੋ](https://downloads.wordpress.org/plugin/stichyx-bar.1.2.3.zip) * [ਵੇਰਵਾ](https://pan.wordpress.org/plugins/stichyx-bar/#description) * [ਸਮੀਖਿਆਵਾਂ](https://pan.wordpress.org/plugins/stichyx-bar/#reviews) * [ਸਥਾਪਤੀਕਰਨ](https://pan.wordpress.org/plugins/stichyx-bar/#installation) * [ਵਿਕਾਸ](https://pan.wordpress.org/plugins/stichyx-bar/#developers) [ਸਹਿਯੋਗ](https://wordpress.org/support/plugin/stichyx-bar/) ## ਵੇਰਵਾ StichyX Bar is a lightweight WordPress plugin for creating animated progress bars, skill groups, and charts. Scroll-triggered animations bring data to life with customizable colors, icons, counters, and confetti celebrations. Choose from horizontal, vertical, or circular styles with solid, striped, or gradient fills. The intuitive admin builder generates shortcodes instantly — no coding needed. Includes Elementor widget, Gutenberg block, and ACF integration for dynamic data. Fully responsive, SEO-friendly, and optimized for speed with vanilla JavaScript. ### ✨ Key Features **🎨 Multiple Bar Types** – **Horizontal** – Classic, clean progress bars – **Circular( SVG)** – Modern ring-style progress indicators – **Vertical** – Tall, bottom-to- top filling bars **🚀 Smart Animations** – Scroll-triggered (animates when bar enters viewport) – Hover-triggered (animates on mouse hover) – Click-triggered (animates on click for interactive experiences) – Reading Progress Mode – Sticky scroll progress for blog posts **🎯 Goal Tracking & Celebrations** – Set a `goal` value to track against – **Confetti Burst** 🎉 – celebrates when goal is reached – **Milestone Flag** 🏁 – visual marker at the goal position **🌈 Customization** – Custom colors (per bar or global) – Solid, Striped, or Gradient fill styles – Custom icons/emojis inside the bar – Animated counter numbers – Adjustable animation speed (500–5000ms) **📦 Group Builder (Skill Grids)** – Display multiple bars in a grid (1–3 columns)– Staggered animations (bars pop one after another) – Perfect for skill sets, feature comparisons, or team stats **🔌 Page Builder Support** – **Elementor Widget** – Drag & drop, live preview –** Gutenberg Block** – Visual block editor support **📊 Dynamic Data (ACF Integration)** – Pull live data from Advanced Custom Fields– Auto-updating progress bars (no manual editing!) – Works with `percent="acf:my_field"` and `number="acf:my_field"` **⚙️ Powerful Admin Panel** – Clean, modern, visual shortcode builder – **Single Bar Builder** – Live preview with sliders & inputs – **Group Builder** – Textarea input with visual controls – **Chart Builder** – Interactive charts with Chart.js– One-click copy to clipboard – Global settings for type, style, duration, trigger, and mode **🚀 Performance** – Zero external libraries (pure vanilla JavaScript) – Lightweight& fast – Responsive on all devices – SEO-friendly semantic HTML ### 💡 Why Choose StichyX Bar? Unlike other progress bar plugins that are clunky or limited, StichyX Bar offers: * **No coding required** – Build bars visually in the admin panel * **No CSS/JS expertise needed** – Everything is pre-styled and animated * **Works everywhere** – Shortcode, Gutenberg, Elementor, widgets * **ACF integration** – Perfect for dynamic sites * **Regular updates** – Actively maintained and improved ### Usage ### 🎯 Quick Start 1. Go to **Admin StichyX** 2. Adjust your **Global Settings** (type, style, duration, etc.) 3. Use the **Single Bar**, **Group Builder**, or **Chart Builder** 4. Click **Copy** and paste the shortcode anywhere! ### 📝 Shortcode Examples **Single Bar:** [progress_bar percent=”85″ number=”850″ label=”Sales Growth” goal=”800″ icon=”🚀”] **Circular Bar:** [progress_bar type=”circle” percent=”75″ number=”750″ label=”Completion” icon=”🎯”] **Vertical Bar:** [progress_bar type=”vertical” percent=”60″ number=”600″ label=”Progress” icon=”📈”] **Reading Progress (Sticky):** [progress_bar mode=”reading” number=”100″ label=”Reading Progress” icon=”📖”] **Countdown Mode:** [progress_bar mode=”countdown” percent=”30″ number=”30″ label=”Stock Remaining” icon=”⏳”] **ACF Dynamic Data:** [progress_bar percent=”acf:completion_percent” number=”acf:total_sales” goal=”acf: target_goal” label=”Dynamic Progress”] ### Group Builder (Skill Grid) [progress_group columns=”2″ stagger=”300″] [bar percent=”90″ label=”HTML” icon=” ⚡” color=”#e34c26″] [bar percent=”75″ label=”CSS” icon=”🎨” color=”#264de4″] [bar percent=”60″ label=”JavaScript” icon=”🚀” color=”#f0db4f”] [/progress_group] ### Chart Builder [stichyx_chart type=”bar” labels=”HTML,CSS,JS,Python” values=”90,75,60,85″ title =”Skill Levels”] ### Additional Info **Author:** Md. Tanvir Ahmed **Author URI:** https://i-am-tanvir.netlify.app/ **License:** GPLv2 or later **License URI:** https://www.gnu.org/licenses/gpl-2.0. html ## ਸਕਰੀਨਸ਼ਾਟ [⌊Admin panel – Global Settings⌉⌊Admin panel – Global Settings⌉[ Admin panel – Global Settings [⌊Admin panel – Single Bar Builder⌉⌊Admin panel – Single Bar Builder⌉[ Admin panel – Single Bar Builder [⌊Admin panel – Group Builder⌉⌊Admin panel – Group Builder⌉[ Admin panel – Group Builder ## ਬਲਾਕ This plugin provides 1 block. * StichyX Progress Bar ## ਸਥਾਪਤੀਕਰਨ 1. Upload the `stichyx-bar` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Go to **Admin StichyX** to configure settings and generate shortcodes. ## ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ ### Can I use this with Elementor? Yes! StichyX Bar includes a native Elementor widget. Simply search for “StichyX” in the Elementor widget panel. ### Does it work with Gutenberg? Yes! The plugin includes a custom Gutenberg block with live preview. ### Can I use it with ACF? Absolutely! Use `percent="acf:my_field"` or `number="acf:my_field"` in the shortcode. Your progress bars will automatically update when the ACF field changes. ### Is the plugin lightweight? Yes! StichyX Bar uses pure vanilla JavaScript with zero external libraries (except Chart.js for charts). ### Can I show multiple bars in a grid? Yes! Use the `[progress_group]` wrapper with `columns` and `stagger` attributes. ### Is it mobile responsive? Yes! All bars and groups are fully responsive on all devices. ## ਸਮੀਖਿਆਵਾਂ ![](https://secure.gravatar.com/avatar/4bfd2c3ee376490fb4a1a4697f0969a65f4e38a5a1686fafec36fb6140b9bf90? s=60&d=retro&r=g) ### 󠀁[Improve the plugin.](https://wordpress.org/support/topic/improve-the-plugin/)󠁿 [tanvirtarik](https://profiles.wordpress.org/tanvirtarik/) 9 ਜੂਨ 2026 1 reply Make the plugin more interactive. change the whole theme shortcode to ui base implementation. Keep gooing and happy coding. [ Read all 1 review ](https://wordpress.org/support/plugin/stichyx-bar/reviews/) ## ਯੋਗਦਾਨੀ ਤੇ ਵਿਕਾਸਕਾਰ “StichyX Bar” is open source software. The following people have contributed to this plugin. ਯੋਗਦਾਨੀ * [ mdtanvirahmed ](https://profiles.wordpress.org/mdtanvirahmed/) [“StichyX Bar” ਦਾ ਆਪਣੀ ਭਾਸ਼ਾ ਵਿੱਚ ਅਨੁਵਾਦ ਕਰੋ।](https://translate.wordpress.org/projects/wp-plugins/stichyx-bar) ### ਵਿਕਾਸ ਕਾਰਜ ਵਿੱਚ ਰੁਚੀ ਰੱਖਦੇ ਹੋ? [Browse the code](https://plugins.trac.wordpress.org/browser/stichyx-bar/), check out the [SVN repository](https://plugins.svn.wordpress.org/stichyx-bar/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/stichyx-bar/) by [RSS](https://plugins.trac.wordpress.org/log/stichyx-bar/?limit=100&mode=stop_on_copy&format=rss). ## ਤਬਦੀਲੀ-ਚਿੱਠਾ #### 1.2.3 * Complete UI/UX overhaul of admin panel * Added visual Single Bar builder with live preview * Added Group Builder with textarea input and visual controls * Added Chart Builder with 6 chart types (Bar, Line, Pie, Doughnut, Radar, Polar Area) * Added ACF dynamic data support * Added Elementor widget * Added Gutenberg block * Added Vertical bar type * Added Reading Progress mode (sticky scroll) * Added Countdown mode (100 percent) * Added Hover and Click triggers * Added icon/emoji support inside bars * Added per-bar color support * Added copy-to-clipboard functionality * Added responsive design improvements * Removed deprecated global color setting #### 1.1.0 * Fixed admin panel warnings when settings don’t exist * Improved shortcode generator to only show non-default attributes * Cleaned up admin UI for better user experience * Fixed readme.txt headers layout for WordPress.org compliance * Fixed rendering of code block examples in readme.txt * Renamed main file to match plugin slug * Updated installation instructions * Minor fixes and optimizations #### 1.0.0 * Enhanced security: All HTML outputs properly escaped * Improved performance: Dynamic versioning for CSS/JS * Updated README with short description section * Tested up to WordPress 7.0 * Initial release with scroll animation, shortcode support, and section fallbacks ## ਮੈਟਾ * Version **1.2.3** * Last updated **1 ਹਫਤਾ ਪਹਿਲਾਂ** * Active installations **10 ਤੋਂ ਘੱਟ** * WordPress version ** 5.0 ਜਾਂ ਇਸ ਤੋਂ ਉੱਚਾ ** * Tested up to **7.0** * Language * [English (US)](https://wordpress.org/plugins/stichyx-bar/) * Tags * [animation](https://pan.wordpress.org/plugins/tags/animation/)[progress bar](https://pan.wordpress.org/plugins/tags/progress-bar/) [responsive](https://pan.wordpress.org/plugins/tags/responsive/)[scroll](https://pan.wordpress.org/plugins/tags/scroll/) [shortcode](https://pan.wordpress.org/plugins/tags/shortcode/) * [Advanced View](https://pan.wordpress.org/plugins/stichyx-bar/advanced/) ## ਦਰਜਾਬੰਦੀ 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/stichyx-bar/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/stichyx-bar/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/stichyx-bar/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/stichyx-bar/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/stichyx-bar/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/stichyx-bar/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/stichyx-bar/reviews/) ## ਯੋਗਦਾਨੀ * [ mdtanvirahmed ](https://profiles.wordpress.org/mdtanvirahmed/) ## ਸਹਿਯੋਗ ਕੁਝ ਕਹਿਣਾ ਹੈ? ਮਦਦ ਚਾਹੀਦੀ ਹੈ? [ਸਹਿਯੋਗ ਫੋਰਮ ਦੇਖੋ](https://wordpress.org/support/plugin/stichyx-bar/)