{"id":299672,"date":"2026-06-09T06:24:47","date_gmt":"2026-06-09T06:24:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/stichyx-bar\/"},"modified":"2026-06-23T11:05:22","modified_gmt":"2026-06-23T11:05:22","slug":"stichyx-bar","status":"publish","type":"plugin","link":"https:\/\/da.wordpress.org\/plugins\/stichyx-bar\/","author":23479669,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.2.3","stable_tag":"1.2.3","tested":"7.0","requires":"5.0","requires_php":"","requires_plugins":null,"header_name":"StichyX Bar","header_author":"Md. Tanvir Ahmed (mdtanvirahmed)","header_description":"Progress bar with scroll animation, shortcode color, and section fallback","assets_banners_color":"3e568f","last_updated":"2026-06-23 11:05:22","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/i-am-tanvir.netlify.app\/","rating":5,"author_block_rating":0,"active_installs":0,"downloads":273,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"mdtanvirahmed","date":"2026-06-23 10:56:02"},"1.1.0":{"tag":"1.1.0","author":"mdtanvirahmed","date":"2026-06-23 10:56:02"},"1.2.3":{"tag":"1.2.3","author":"mdtanvirahmed","date":"2026-06-23 11:05:22"}},"upgrade_notice":{"1.2.3":"

This version includes a complete admin panel redesign with visual shortcode builders, ACF support, Elementor widget, Gutenberg block, and many new bar types. We recommend updating for the best experience.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3568366,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3568295,"resolution":"772x250","location":"assets","locale":"","width":2172,"height":724}},"assets_blueprints":{},"all_blocks":{"stichyx\/progress-bar":{"name":"stichyx\/progress-bar","title":"StichyX Progress Bar"}},"tagged_versions":["1.0.0","1.1.0","1.2.3"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3565515,"resolution":"1","location":"assets","locale":"","width":1200,"height":900},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3582734,"resolution":"2","location":"assets","locale":"","width":668,"height":344},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3582734,"resolution":"3","location":"assets","locale":"","width":753,"height":882}},"screenshots":{"1":"Admin panel \u2013 Global Settings","2":"Admin panel \u2013 Single Bar Builder","3":"Admin panel \u2013 Group Builder","4":"Admin panel \u2013 Chart Builder","5":"Horizontal progress bar examples","6":"Circular progress bar examples","7":"Vertical progress bar examples","8":"Group\/Skill grid with staggered animations"}},"plugin_section":[],"plugin_tags":[785,9351,606,790,80],"plugin_category":[43,50],"plugin_contributors":[266429],"plugin_business_model":[],"class_list":["post-299672","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-progress-bar","plugin_tags-responsive","plugin_tags-scroll","plugin_tags-shortcode","plugin_category-customization","plugin_category-media","plugin_contributors-mdtanvirahmed","plugin_committers-mdtanvirahmed"],"banners":{"banner":"https:\/\/ps.w.org\/stichyx-bar\/assets\/banner-772x250.png?rev=3568295","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/stichyx-bar\/assets\/icon-256x256.png?rev=3568366","icon_2x":"https:\/\/ps.w.org\/stichyx-bar\/assets\/icon-256x256.png?rev=3568366","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/stichyx-bar\/assets\/screenshot-1.png?rev=3565515","caption":"Admin panel \u2013 Global Settings"},{"src":"https:\/\/ps.w.org\/stichyx-bar\/assets\/screenshot-2.png?rev=3582734","caption":"Admin panel \u2013 Single Bar Builder"},{"src":"https:\/\/ps.w.org\/stichyx-bar\/assets\/screenshot-3.png?rev=3582734","caption":"Admin panel \u2013 Group Builder"}],"raw_content":"\n

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 \u2014 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.<\/p>\n\n

\u2728 Key Features<\/h3>\n\n

\ud83c\udfa8 Multiple Bar Types<\/strong>\n- Horizontal<\/strong> \u2013 Classic, clean progress bars\n- Circular (SVG)<\/strong> \u2013 Modern ring-style progress indicators\n- Vertical<\/strong> \u2013 Tall, bottom-to-top filling bars<\/p>\n\n

\ud83d\ude80 Smart Animations<\/strong>\n- Scroll-triggered (animates when bar enters viewport)\n- Hover-triggered (animates on mouse hover)\n- Click-triggered (animates on click for interactive experiences)\n- Reading Progress Mode \u2013 Sticky scroll progress for blog posts<\/p>\n\n

\ud83c\udfaf Goal Tracking & Celebrations<\/strong>\n- Set a goal<\/code> value to track against\n- Confetti Burst<\/strong> \ud83c\udf89 \u2013 celebrates when goal is reached\n- Milestone Flag<\/strong> \ud83c\udfc1 \u2013 visual marker at the goal position<\/p>\n\n

\ud83c\udf08 Customization<\/strong>\n- Custom colors (per bar or global)\n- Solid, Striped, or Gradient fill styles\n- Custom icons\/emojis inside the bar\n- Animated counter numbers\n- Adjustable animation speed (500\u20135000ms)<\/p>\n\n

\ud83d\udce6 Group Builder (Skill Grids)<\/strong>\n- Display multiple bars in a grid (1\u20133 columns)\n- Staggered animations (bars pop one after another)\n- Perfect for skill sets, feature comparisons, or team stats<\/p>\n\n

\ud83d\udd0c Page Builder Support<\/strong>\n- Elementor Widget<\/strong> \u2013 Drag & drop, live preview\n- Gutenberg Block<\/strong> \u2013 Visual block editor support<\/p>\n\n

\ud83d\udcca Dynamic Data (ACF Integration)<\/strong>\n- Pull live data from Advanced Custom Fields\n- Auto-updating progress bars (no manual editing!)\n- Works with percent=\"acf:my_field\"<\/code> and number=\"acf:my_field\"<\/code><\/p>\n\n

\u2699\ufe0f Powerful Admin Panel<\/strong>\n- Clean, modern, visual shortcode builder\n- Single Bar Builder<\/strong> \u2013 Live preview with sliders & inputs\n- Group Builder<\/strong> \u2013 Textarea input with visual controls\n- Chart Builder<\/strong> \u2013 Interactive charts with Chart.js\n- One-click copy to clipboard\n- Global settings for type, style, duration, trigger, and mode<\/p>\n\n

\ud83d\ude80 Performance<\/strong>\n- Zero external libraries (pure vanilla JavaScript)\n- Lightweight & fast\n- Responsive on all devices\n- SEO-friendly semantic HTML<\/p>\n\n

\ud83d\udca1 Why Choose StichyX Bar?<\/h3>\n\n

Unlike other progress bar plugins that are clunky or limited, StichyX Bar offers:<\/p>\n\n

    \n
  • No coding required<\/strong> \u2013 Build bars visually in the admin panel<\/li>\n
  • No CSS\/JS expertise needed<\/strong> \u2013 Everything is pre-styled and animated<\/li>\n
  • Works everywhere<\/strong> \u2013 Shortcode, Gutenberg, Elementor, widgets<\/li>\n
  • ACF integration<\/strong> \u2013 Perfect for dynamic sites<\/li>\n
  • Regular updates<\/strong> \u2013 Actively maintained and improved<\/li>\n<\/ul>\n\n

    Usage<\/h3>\n\n

    \ud83c\udfaf Quick Start<\/h3>\n\n
      \n
    1. Go to Admin \u2192 StichyX<\/strong><\/li>\n
    2. Adjust your Global Settings<\/strong> (type, style, duration, etc.)<\/li>\n
    3. Use the Single Bar<\/strong>, Group Builder<\/strong>, or Chart Builder<\/strong><\/li>\n
    4. Click Copy<\/strong> and paste the shortcode anywhere!<\/li>\n<\/ol>\n\n

      \ud83d\udcdd Shortcode Examples<\/h3>\n\n

      Single Bar:<\/strong><\/p>\n\n

      [progress_bar percent=\"85\" number=\"850\" label=\"Sales Growth\" goal=\"800\" icon=\"\ud83d\ude80\"]<\/p>\n\n

      Circular Bar:<\/strong><\/p>\n\n

      [progress_bar type=\"circle\" percent=\"75\" number=\"750\" label=\"Completion\" icon=\"\ud83c\udfaf\"]<\/p>\n\n

      Vertical Bar:<\/strong><\/p>\n\n

      [progress_bar type=\"vertical\" percent=\"60\" number=\"600\" label=\"Progress\" icon=\"\ud83d\udcc8\"]<\/p>\n\n

      Reading Progress (Sticky):<\/strong><\/p>\n\n

      [progress_bar mode=\"reading\" number=\"100\" label=\"Reading Progress\" icon=\"\ud83d\udcd6\"]<\/p>\n\n

      Countdown Mode:<\/strong><\/p>\n\n

      [progress_bar mode=\"countdown\" percent=\"30\" number=\"30\" label=\"Stock Remaining\" icon=\"\u23f3\"]<\/p>\n\n

      ACF Dynamic Data:<\/strong><\/p>\n\n

      [progress_bar percent=\"acf:completion_percent\" number=\"acf:total_sales\" goal=\"acf:target_goal\" label=\"Dynamic Progress\"]<\/p>\n\n

      Group Builder (Skill Grid)<\/h3>\n\n

      [progress_group columns=\"2\" stagger=\"300\"]\n[bar percent=\"90\" label=\"HTML\" icon=\"\u26a1\" color=\"#e34c26\"]\n[bar percent=\"75\" label=\"CSS\" icon=\"\ud83c\udfa8\" color=\"#264de4\"]\n[bar percent=\"60\" label=\"JavaScript\" icon=\"\ud83d\ude80\" color=\"#f0db4f\"]\n[\/progress_group]<\/p>\n\n

      Chart Builder<\/h3>\n\n

      [stichyx_chart type=\"bar\" labels=\"HTML,CSS,JS,Python\" values=\"90,75,60,85\" title=\"Skill Levels\"]<\/p>\n\n

      Additional Info<\/h3>\n\n

      Author:<\/strong> Md. Tanvir Ahmed\nAuthor URI:<\/strong> https:\/\/i-am-tanvir.netlify.app\/<\/p>\n\n

      License:<\/strong> GPLv2 or later\nLicense URI:<\/strong> https:\/\/www.gnu.org\/licenses\/gpl-2.0.html<\/p>\n\n\n

        \n
      1. Upload the stichyx-bar<\/code> folder to the \/wp-content\/plugins\/<\/code> directory.<\/li>\n
      2. Activate the plugin through the Plugins<\/strong> menu in WordPress.<\/li>\n
      3. Go to Admin \u2192 StichyX<\/strong> to configure settings and generate shortcodes.<\/li>\n<\/ol>\n\n\n
        \n

        Can I use this with Elementor?<\/h3><\/dt>\n

        Yes! StichyX Bar includes a native Elementor widget. Simply search for \"StichyX\" in the Elementor widget panel.<\/p><\/dd>\n

        Does it work with Gutenberg?<\/h3><\/dt>\n

        Yes! The plugin includes a custom Gutenberg block with live preview.<\/p><\/dd>\n

        Can I use it with ACF?<\/h3><\/dt>\n

        Absolutely! Use percent=\"acf:my_field\"<\/code> or number=\"acf:my_field\"<\/code> in the shortcode. Your progress bars will automatically update when the ACF field changes.<\/p><\/dd>\n

        Is the plugin lightweight?<\/h3><\/dt>\n

        Yes! StichyX Bar uses pure vanilla JavaScript with zero external libraries (except Chart.js for charts).<\/p><\/dd>\n

        Can I show multiple bars in a grid?<\/h3><\/dt>\n

        Yes! Use the [progress_group]<\/code> wrapper with columns<\/code> and stagger<\/code> attributes.<\/p><\/dd>\n

        Is it mobile responsive?<\/h3><\/dt>\n

        Yes! All bars and groups are fully responsive on all devices.<\/p><\/dd>\n\n<\/dl>\n\n\n

        1.2.3<\/h4>\n\n
          \n
        • Complete UI\/UX overhaul of admin panel<\/li>\n
        • Added visual Single Bar builder with live preview<\/li>\n
        • Added Group Builder with textarea input and visual controls<\/li>\n
        • Added Chart Builder with 6 chart types (Bar, Line, Pie, Doughnut, Radar, Polar Area)<\/li>\n
        • Added ACF dynamic data support<\/li>\n
        • Added Elementor widget<\/li>\n
        • Added Gutenberg block<\/li>\n
        • Added Vertical bar type<\/li>\n
        • Added Reading Progress mode (sticky scroll)<\/li>\n
        • Added Countdown mode (100 \u2192 percent)<\/li>\n
        • Added Hover and Click triggers<\/li>\n
        • Added icon\/emoji support inside bars<\/li>\n
        • Added per-bar color support<\/li>\n
        • Added copy-to-clipboard functionality<\/li>\n
        • Added responsive design improvements<\/li>\n
        • Removed deprecated global color setting<\/li>\n<\/ul>\n\n

          1.1.0<\/h4>\n\n
            \n
          • Fixed admin panel warnings when settings don't exist<\/li>\n
          • Improved shortcode generator to only show non-default attributes<\/li>\n
          • Cleaned up admin UI for better user experience<\/li>\n
          • Fixed readme.txt headers layout for WordPress.org compliance<\/li>\n
          • Fixed rendering of code block examples in readme.txt<\/li>\n
          • Renamed main file to match plugin slug<\/li>\n
          • Updated installation instructions<\/li>\n
          • Minor fixes and optimizations<\/li>\n<\/ul>\n\n

            1.0.0<\/h4>\n\n
              \n
            • Enhanced security: All HTML outputs properly escaped<\/li>\n
            • Improved performance: Dynamic versioning for CSS\/JS<\/li>\n
            • Updated README with short description section<\/li>\n
            • Tested up to WordPress 7.0<\/li>\n
            • Initial release with scroll animation, shortcode support, and section fallbacks<\/li>\n<\/ul>","raw_excerpt":"Lightweight animated progress bars & charts with shortcode builder, ACF, Elementor & Gutenberg support.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/299672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=299672"}],"author":[{"embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mdtanvirahmed"}],"wp:attachment":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=299672"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=299672"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=299672"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=299672"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=299672"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=299672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}