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.

Themepoints

<p>A quick and easy way to add responsive skill bars to your WordPress site. You can display unlimited skill bars on the same page using shortcodes.</p>
<ul>
<li><a href="https://themepoints.com/skillbar" rel="nofollow ugc">Upgrade to Pro</a></li>
<li><a href="https://themepoints.com/skillbar" rel="nofollow ugc">Live Preview</a></li>
<li><a href="https://themepoints.com/skillbar/docs/skillbar/overview/" rel="nofollow ugc">Documentation</a></li>
</ul>
<p><strong> Available Fields </strong></p>
<ul>
<li>Skill Title – Set the name of the skill.</li>
<li>Skill Title Color – Customize the title color.</li>
<li>Skill Percentage – Define the percentage level.</li>
<li>Skill Percentage Color – Choose a color for the percentage text.</li>
<li>Skill Background Color – Set the background color of the skill bar.</li>
<li>Skill Animate Background Color – Select the animation background color.</li>
</ul>
<p><strong> Plugin Features </strong></p>
<ul>
<li>Fully responsive.</li>
<li>All Browser support.</li>
<li>Unlimited Skills Support.</li>
<li>Use via short-code.</li>
<li>4 Different Styles.</li>
<li>Easy Skills Generator.</li>
<li>Multi-Color Skills Support.</li>
<li>Skill Title Text color Option.</li>
<li>Skill Percentage Number color Option.</li>
<li>Skill Item Background Color Option.</li>
<li>Skill Item Animate Background Color Option.</li>
<li>Skill Title Font Size Option.</li>
<li>Skill Title Text Transform Option.</li>
<li>Skill Title Text Style Option.</li>
<li>Skill Item Border Radius Option.</li>
<li>Support post or page.</li>
<li>And many more.</li>
</ul>


Skill Bars

Easy Animated Shortcode Skill Bars for WordPress.

StichyX Bar vs Skill Bars