mdtanvirahmed

<p>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.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Scroll-Triggered Animation</strong>: Progress bars only animate when they enter the viewport, ensuring a seamless user experience and reducing unnecessary resource usage.</li>
<li><strong>Shortcode Flexibility</strong>: Easily customize bars with attributes like percentage fill, animated numbers, custom labels, and colors, making it adaptable for various content types.</li>
<li><strong>Section-Based Fallbacks</strong>: 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.</li>
<li><strong>Responsive Design</strong>: Bars scale beautifully across devices, from desktops to mobile screens, maintaining readability and aesthetics.</li>
<li><strong>No Dependencies</strong>: Relies solely on WordPress core functions, with no external libraries required, ensuring broad compatibility and easy maintenance.</li>
<li><strong>SEO-Friendly</strong>: Generates clean, semantic HTML that search engines can easily index, while keeping JavaScript unobtrusive.</li>
</ul>
<p>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.</p>
<h3>Usage</h3>
<p>Use the <code>[progress_bar]</code> shortcode anywhere on your site.</p>
<h3>Basic Example</h3>
<pre><code>[progress_bar percent="75"]
</code></pre>
<h3>Advanced Example</h3>
<pre><code>[progress_bar percent="85" number="850" label="Sales Growth" color="#ff5733"]<h3>Shortcode Attributes</h3>
</code></pre>
<p>* <code>percent</code> (required): Percentage value for the progress fill (0-100). Default: 50<br />
* <code>number</code>: Number to animate beside the bar. Default: 0<br />
* <code>label</code>: Optional label displayed above the bar.<br />
* <code>color</code>: Custom fill color in hex or color name.</p>
<h3>Section-Based Color Fallbacks</h3>
<p>If you prefer not to use the <code>color</code> attribute, the plugin can apply fallback colors based on section classes:<br />
* <code>.bg-red</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> red (#ff4d4d)<br />
* <code>.bg-blue</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> blue (#4d79ff)<br />
* <code>.bg-dark</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> dark (#111)</p>
<h3>Example</h3>
<pre><code><section class="bg-red">
    [progress_bar percent="60" number="600"]
</section>
</code></pre>


StichyX Bar

A lightweight WordPress plugin for animated progress bars with shortcode controls and responsive scroll effects.

Freemius

Marin Matosevic

Devnet

<p>Turn your free shipping threshold into a powerful conversion tool.</p>
<p>This WooCommerce plugin adds a dynamic free shipping progress bar that shows customers exactly how much more they need to spend to unlock free shipping. Instead of guessing, shoppers see clear, real-time feedback directly in the cart, checkout, or mini-cart.</p>
<p>By making the goal visible, you naturally encourage customers to add one more item — increasing average order value and reducing cart abandonment.</p>
<p>The plugin goes beyond a simple progress bar. You can display fully customizable messages, highlight eligible products, or trigger notifications when customers are close to the threshold. Everything is designed to guide users toward completing their purchase.</p>
<p>With the built-in Gift Bar module, you can offer a free gift once a certain cart value is reached. This adds an extra incentive layer and turns a simple discount strategy into a more engaging shopping experience.</p>
<p>Everything is built to be lightweight, flexible, and easy to integrate into any WooCommerce store.<br />
Instead of hiding your free shipping rule in settings, make it visible — and turn it into a conversion driver.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6rqPlgkA26w?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3><a href="https://devnet.hr/docs/free-shipping-label/" rel="nofollow ugc">DOCUMENTATION</a> | <a href="https://devnet.hr/plugins/free-shipping-label/" rel="nofollow ugc">FREE SHIPPING LABEL PRO</a></h3>
<p>🎉 <strong>Make the Most of the Gift Bar Module!</strong> Boost sales and delight your customers by offering free gifts as they shop. The <strong>Gift Bar</strong> module seamlessly integrates into your progress bar, encouraging shoppers to add more to their cart to unlock a reward. It’s the perfect way to enhance engagement and increase average order value. <a href="https://devnet.hr/docs/free-shipping-label/gift-bar/" rel="nofollow ugc">Learn more about how it works.</a></p>
<p>🎉 <strong>Looking to Add More Goals to Your Progress Bar?</strong> The <a href="https://devnet.hr/plugins/free-shipping-label/fsl-discount" rel="nofollow ugc">Discount Bar Add-On</a> lets you introduce up to three additional steps, encouraging customers to unlock exciting discounts as they shop. It’s a powerful way to boost cart values, engage shoppers, and drive more sales. <a href="https://devnet.hr/docs/free-shipping-label/discount-bar/" rel="nofollow ugc">Learn more about it here.</a></p>
<h3>Features (Free Version)</h3>
<ul>
<li>Animated Gift Bar  </li>
<li>Animated progress bar  </li>
<li>Progress bar customization  </li>
<li>Display on Cart & Checkout pages  </li>
<li>Hide shipping rates when free shipping is available  </li>
<li>Message after free shipping threshold is reached  </li>
<li>Show to all users or only logged-in users  </li>
<li>Product Label for simple & variable products  </li>
<li>Customizable Product Label  </li>
<li>Translation ready  </li>
<li>Easy to use – no coding required  </li>
</ul>
<p><strong>Shipping plugin compatibility (Free):</strong><br />
– Table Rate Shipping Method for WooCommerce (Flexible Shipping)<br />
– WooCommerce Advanced Free Shipping<br />
– <a href="https://wordpress.org/plugins/gls-shipping-for-woocommerce/" rel="ugc">GLS Shipping for WooCommerce</a></p>
<h3>🚀 Get More with Free Shipping Label Pro</h3>
<p>With <a href="https://devnet.hr/plugins/free-shipping-label/" rel="nofollow ugc">Free Shipping Label Pro</a>, you unlock advanced visual controls, flexible placement options, and extended compatibility with popular WooCommerce plugins.</p>
<h3>Advanced Features</h3>
<ul>
<li>Threshold icon indicator  </li>
<li>Multiple display modes  </li>
<li>Animated circular progress bar  </li>
<li>Fully customizable circular progress bar  </li>
<li>Image-based product labels  </li>
<li>Flexible label positioning  </li>
<li>Exclude labels by product or category  </li>
<li><a href="https://devnet.hr/docs/free-shipping-label/notice-bar/" rel="nofollow ugc">Animated notice bar</a></li>
<li>Advanced customization of notice bar  </li>
<li>Advanced progress bar styling  </li>
<li>Cart & checkout position controls  </li>
<li>Display the progress bar on the product page</li>
<li>Shortcode support  </li>
<li>Gutenberg block  </li>
<li>Widget support </li>
</ul>
<h3>🔌 Third-Party Plugin Compatibility (Pro)</h3>
<p>Free Shipping Label Pro is built to work seamlessly with real-world WooCommerce setups.</p>
<h3>Currency & Multilingual Plugins</h3>
<ul>
<li>FOX (formerly WOOCS)</li>
<li>CURCY – Multi Currency for WooCommerce</li>
<li>WooCommerce Multilingual (WPML)</li>
</ul>
<h3>Cart, Checkout & UX Plugins</h3>
<ul>
<li><a href="https://woocommerce.com/checkout-blocks/" rel="nofollow ugc">WooCommerce Cart & Checkout Blocks</a></li>
<li>Elementor</li>
<li>FunnelKit</li>
<li>WPC Fly Cart</li>
<li>Side Cart</li>
</ul>
<h3>Shipping Plugins</h3>
<ul>
<li><a href="https://wordpress.org/plugins/flexible-shipping/" rel="ugc">Table Rate Shipping Method for WooCommerce (Flexible Shipping)</a></li>
<li><a href="https://wordpress.org/plugins/woocommerce-advanced-free-shipping/" rel="ugc">WooCommerce Advanced Free Shipping</a></li>
<li><a href="https://wordpress.org/plugins/gls-shipping-for-woocommerce/" rel="ugc">GLS Shipping for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/europarcel-com/" rel="ugc">EuroParcel Integration for WooCommerce</a></li>
</ul>
<blockquote>
<p>The progress bar dynamically adapts to supported shipping methods and currencies, ensuring accurate thresholds and consistent messaging across the entire shopping flow.</p>
</blockquote>
<h3>Add Additional Steps/Levels with FSL Discount Add-On</h3>
<p>Take your Free Shipping Label plugin to the next level with the <a href="https://devnet.hr/plugins/free-shipping-label/fsl-discount" rel="nofollow ugc">FSL Discount Add-On</a>. Unlock new possibilities for boosting sales by introducing a dynamic discount bar, encouraging customers to spend more and enhancing their shopping experience.</p>
<h4>Key Features:</h4>
<ul>
<li><strong>Add up to Three Discount Steps:</strong> Motivate customers with single, double, or triple-step goals to unlock exclusive discounts.</li>
<li><strong>Flexible Discount Options:</strong> Apply percentage discounts automatically or use customizable coupon codes.</li>
<li><strong>Customizable Messages:</strong> Tailor progress bar text to match your store’s tone and promotions.</li>
<li><strong>Customizable Threshold Icon:</strong> Make your progress bar visually engaging with unique threshold icons.</li>
</ul>
<p>Inspire your customers to spend more, increase cart values, and create a rewarding shopping experience. <a href="https://devnet.hr/plugins/free-shipping-label/fsl-discount" rel="nofollow ugc">Learn More</a>.</p>
<h3>Support</h3>
<p>We’re here to help. Feel free to open a new thread on the <a href="https://wordpress.org/support/plugin/free-shipping-label/" rel="ugc">Support Forum</a>.</p>
<h3>Documentation</h3>
<p>You can check Free Shipping Label documentation <a href="https://devnet.hr/docs/free-shipping-label/" rel="nofollow ugc">here</a>.</p>
<h3>Reviews</h3>
<p>It’s funny how much joy all those 5-star reviews bring to our team. It really keeps us going and motivates us to bring more cool features.<br />
If you like this plugin, feel free to leave a <a href="https://wordpress.org/support/plugin/free-shipping-label/reviews/#new-post" rel="ugc">review</a>.</p>
<h3>Other Plugins by Devnet</h3>
<p>Here are some other plugins we have developed that you might find useful:</p>
<ul>
<li><a href="https://wordpress.org/plugins/free-shipping-label/" rel="ugc">Free Shipping Label</a> – Increase order revenue by showing your customers just how close they are to your free shipping threshold.
<ul>
<li><a href="https://devnet.hr/plugins/free-shipping-label/fsl-discount" rel="nofollow ugc">FSL Discount Add-On</a> – By setting customizable thresholds for single, double, or triple-step discounts, you’ll motivate shoppers to add more to their carts.</li>
</ul>
</li>
<li><a href="https://wordpress.org/plugins/product-price-history/" rel="ugc">Product Price History</a> – Track product price history with customizable charts and graphs on your WooCommerce store. Show lowest price and increase customer trust.</li>
<li><a href="https://wordpress.org/plugins/easy-subscribe/" rel="ugc">Easy Subscribe</a> – Effortlessly integrate customizable subscription forms on your WordPress site with a simple shortcode.
<ul>
<li><a href="https://devnet.hr/plugins/easy-subscribe/#woocommerce-add-on" rel="nofollow ugc">Easy Subscribe – WooCommerce Add-On</a> lets you place a subscription form directly on product pages to capture leads at the moment of interest and grow targeted subscriber lists based on customer preferences.</li>
</ul>
</li>
<li><a href="https://wordpress.org/plugins/easy-booking-calendar/" rel="ugc">Easy Booking Calendar</a> – Turn any product into a reservation-ready item. This plugin adds a customizable calendar to product pages, allowing customers to select date ranges for bookings.</li>
<li><a href="https://wordpress.org/plugins/biznotes/" rel="ugc">BizNotes</a> – Exclusive admin notes for seamless order management among multiple admins. Effortless collaboration, powered up.</li>
<li><a href="https://wordpress.org/plugins/snap-blocks/" rel="ugc">Snap Blocks</a> – A lightweight plugin that lets you create reusable content blocks in WordPress.</li>
<li><a href="https://wordpress.org/plugins/pingvid/" rel="ugc">PingVid</a> – A lightweight WordPress plugin that adds a floating video widget to your site.</li>
</ul>


Free Shipping Label and Progress Bar for WooCommerce

i fall in love quickly.
The free shipping bar plugin was easy to install and was a replacement of my paid plugin which is not php 8.0.14 compatible.

Nice and light free shipping bar plugin


Thank you Marin, for your very good customer support. The plugin works as advertised and after customisation integrates into the general design of the webshop. Thanks!


Great plugin, very good customer support

Increase order revenue by showing your customers just how close they are to your free shipping threshold.

StichyX Bar vs Free Shipping Label and Progress Bar for WooCommerce