Title: StichyX Bar Author: mdtanvirahmed Published: June 9, 2026 Last modified: June 10, 2026 --- Search plugins ![](https://ps.w.org/stichyx-bar/assets/icon-256x256.png?rev=3565515) # StichyX Bar By [mdtanvirahmed](https://profiles.wordpress.org/mdtanvirahmed/) [Download](https://downloads.wordpress.org/plugin/stichyx-bar.3.1.0.zip) * [Details](https://wordpress.org/plugins/stichyx-bar/#description) * [Reviews](https://wordpress.org/plugins/stichyx-bar/#reviews) * [Installation](https://wordpress.org/plugins/stichyx-bar/#installation) * [Development](https://wordpress.org/plugins/stichyx-bar/#developers) [Support](https://wordpress.org/support/plugin/stichyx-bar/) ## Description StichyX Bar is a lightweight and versatile WordPress plugin designed to enhance user engagement on your website by incorporating dynamic progress bars that animate smoothly as users scroll through your content. Built with performance in mind, this plugin leverages pure CSS and JavaScript to deliver eye-catching visual effects without compromising page load times. Whether you’re showcasing project completion, skill levels, fundraising goals, or any metric-driven data, StichyX Bar provides an intuitive way to present information in an interactive and modern format. ### Key Features * **Scroll-Triggered Animation**: Progress bars only animate when they enter the viewport, ensuring a seamless user experience and reducing unnecessary resource usage. * **Shortcode Flexibility**: Easily customize bars with attributes like percentage fill, animated numbers, custom labels, and colors, making it adaptable for various content types. * **Section-Based Fallbacks**: Automatically apply predefined colors based on parent section classes (e.g., red, blue, or dark themes), simplifying styling for developers who prefer class-based theming. * **Responsive Design**: Bars scale beautifully across devices, from desktops to mobile screens, maintaining readability and aesthetics. * **No Dependencies**: Relies solely on WordPress core functions, with no external libraries required, ensuring broad compatibility and easy maintenance. * **SEO-Friendly**: Generates clean, semantic HTML that search engines can easily index, while keeping JavaScript unobtrusive. Ideal for portfolios, business websites, blogs, and e-commerce sites, StichyX Bar helps transform static data into compelling visual stories. The plugin is actively maintained, with regular updates to improve functionality and security. For support or customizations, reach out to the author at https://i-am-tanvir.netlify.app/. Compatible with WordPress 5.0+ and tested up to version 7.0. ### Usage Use the `[progress_bar]` shortcode anywhere on your site. ### Basic Example ``` [progress_bar percent="75"] ``` ### Advanced Example ``` [progress_bar percent="85" number="850" label="Sales Growth" color="#ff5733"]

Shortcode Attributes

``` * `percent` (required): Percentage value for the progress fill (0-100). Default: 50 * `number`: Number to animate beside the bar. Default: 0 * `label`: Optional label displayed above the bar. * `color`: Custom fill color in hex or color name. ### Section-Based Color Fallbacks If you prefer not to use the `color` attribute, the plugin can apply fallback colors based on section classes: * `.bg-red` red (#ff4d4d) * `.bg-blue` blue (#4d79ff)*`. bg-dark` dark (#111) ### Example ```
[progress_bar percent="60" number="600"]
``` ## Screenshots [[ ## Installation 1. Upload the `stichyx-bar` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Insert the shortcode into any post, page, or widget. ## Reviews ![](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/) June 9, 2026 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/) ## Contributors & Developers “StichyX Bar” is open source software. The following people have contributed to this plugin. Contributors * [ mdtanvirahmed ](https://profiles.wordpress.org/mdtanvirahmed/) [Translate “StichyX Bar” into your language.](https://translate.wordpress.org/projects/wp-plugins/stichyx-bar) ### Interested in development? [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). ## Changelog #### 3.1.0 * Fixed readme.txt headers layout for WordPress.org compliance. * Fixed rendering of code block examples in readme.txt. #### 2.0 * Renamed main file to match plugin slug. * Updated installation instructions. * Minor fixes and optimizations. #### 1.5 * Enhanced security: All HTML outputs are properly escaped to meet WordPress coding standards. * Improved performance: Added dynamic versioning to enqueued CSS and JS files using file modification time for better cache busting. * Updated README: Added short description section and improved documentation. * Compatibility: Tested up to WordPress 7.0. * Bug fixes and code optimizations. #### 1.4 * Initial release with scroll animation, shortcode support, and section fallbacks. ## Meta * Version **3.1.0** * Last updated **14 hours ago** * Active installations **Fewer than 10** * WordPress version ** 5.0 or higher ** * Tested up to **7.0** * Tags * [animation](https://wordpress.org/plugins/tags/animation/)[progress bar](https://wordpress.org/plugins/tags/progress-bar/) [responsive](https://wordpress.org/plugins/tags/responsive/)[scroll](https://wordpress.org/plugins/tags/scroll/) [shortcode](https://wordpress.org/plugins/tags/shortcode/) * [Advanced View](https://wordpress.org/plugins/stichyx-bar/advanced/) ## Ratings 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/) ## Contributors * [ mdtanvirahmed ](https://profiles.wordpress.org/mdtanvirahmed/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/stichyx-bar/)