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.

wpshopmart

<p>An awesome wordpress progress bar plugin to show skills in percentage at any blog or post page. Progress Bar plugin is useful for an author for his/her website for showing skills. The Progress Bar plugin adds beautiful progress bars or progress meter by generating a shortcode.</p>
<ul>
<li><a href="http://demo.wpshopmart.com/progress-bar-pro-demo/" rel="nofollow ugc">Progress Bar Pro – Live Demo</a></li>
<li><a href="https://wpshopmart.com/plugins/progress-bar-pro/" rel="nofollow ugc">Upgrade To Pro</a></li>
</ul>
<p>Plugin calculates the progress by showing animated styling percentage and displaying very cool progress bar with multiple colorschemes.</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/ZwwCIf9XPJk?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>Check Demo</h3>
<ul>
<li><a href="http://dazzlersoftware.com/demo/progress-bar-wp/" rel="nofollow ugc">Progress Bar Style1 Demo</a></li>
<li><a href="http://dazzlersoftware.com/demo/progress-bar-wp/style-2/" rel="nofollow ugc">Progress Bar Demo</a></li>
</ul>
<h4>Progress Bar WP Shortcode</h4>
<blockquote>
<p><code>[PROGRESSBAR_WP id=xx]</code></p>
</blockquote>
<h3>Find More Free Plugins from our profile – wpshopmart</h3>
<ul>
<li><a href="https://wordpress.org/plugins/testimonial-builder/" rel="ugc">Testimonial Builder</a></li>
<li><a href="https://wordpress.org/plugins/counter-number-showcase/" rel="ugc">Counter Numbers</a></li>
<li><a href="https://wordpress.org/plugins/responsive-accordion-and-collapse/" rel="ugc">Accordion FAQ</a></li>
<li><a href="https://wordpress.org/plugins/service-box/" rel="ugc">Service Box</a></li>
<li><a href="https://wordpress.org/plugins/responsive-coming-soon/" rel="ugc">Coming Soon Page</a></li>
<li><a href="https://wordpress.org/plugins/tabs-responsive/" rel="ugc">Tabs</a></li>
</ul>
<h3>Features Of Plugin</h3>
<ul>
<li>Two awesome animated designs</li>
<li>Responsive Design </li>
<li>Build with Bootstrap</li>
<li>Html5 supported</li>
<li>Works with any WordPress Theme</li>
<li>Unlimited color Scheme</li>
<li>Flexible and user-friendly setup</li>
<li>Quick Installation Process</li>
<li>Animation Effects</li>
<li>Compatible with all browsers</li>
<li>Add or remove progress bar easily. </li>
</ul>
<h3>Progress Bar Pro Features</h3>
<ul>
<li>Fully Responsive And Clean Design </li>
<li>No. Of Design Templates 34</li>
<li>No of column layout 4</li>
<li>Chart Style Layout</li>
<li>Half pie chart(circular) bar layout </li>
<li>Section Background integrated</li>
<li>All COlors, Font size, font family etc are changeable.  </li>
<li>Add Limitless skill bar anywhere in the theme</li>
<li>Animation Effects</li>
<li>Drag and Drop builder API integrated.</li>
<li>Draggable box items for easy sorting</li>
<li>Use via short-codes</li>
<li>Awesome input field for progress content</li>
<li>Bootstrap framework based</li>
<li>Custom Post Format</li>
<li>Less for quick customization</li>
<li>Highly customized for User Experience</li>
<li>Slick Front-end and back end UI</li>
<li>Tested with most wordpress popular themes</li>
<li>Custom css for custom design</li>
<li>Add and remove Team item from backend Quickly.</li>
<li>Multiple Advanced Custom Field Available</li>
<li>High Priority support</li>
<li>
<p>All browser compatible</p>
</li>
<li>
<p><a href="http://demo.wpshopmart.com/progress-bar-pro-demo/" rel="nofollow ugc">Progress Bar Pro – Live Demo</a></p>
</li>
<li><a href="https://wpshopmart.com/plugins/progress-bar-pro/" rel="nofollow ugc">Upgrade To Pro</a></li>
</ul>
<h3>Customizable Settings</h3>
<ul>
<li>Progress Bar Name </li>
<li>Progress Bar Title color    </li>
<li>Progress Bar Handle color</li>
<li>Progress Bar Font family</li>
<li>Progress Bar Column Layout </li>
<li>Progress Bar Percentage color</li>
<li>Progress Bar Foreground Color</li>
<li>Progress Bar Background Color</li>
<li>And many More..</li>
</ul>


Progress Bar & Skill Bar

The plugin, in addition to working perfectly, has an incredible support team!

Excellent plugin and wonderful support!

An awesome wordpress progress bar plugin helps writer and authors to show beautiful progress bar in percentage at any blog or post page.

StichyX Bar vs Progress Bar & Skill Bar