Squarespace 7.1UI Components

Progress Circles Widget

By Common Ninja

Free
Progress Circles Widget – Squarespace UI Components on SquareLocator
Fit check
Great for
Site owners wanting enhanced interactivity
Developers looking for UI component tools
Businesses needing consistent design elements
Version7.1
SetupModerate

Overview

Common Ninja's Progress Circles widget shows percentages as circular progress rings on a Squarespace page, often animated as the visitor scrolls to them.

What it does

  • Circular rings showing a percentage or value
  • Labels and descriptions under each ring
  • Colour, size and animation settings
  • Set up in Common Ninja's editor and embedded with a code block

Who it suits

Charities showing fundraising progress, agencies showing results, and freelancers presenting skills or project stats.

Honest caveats

Percentages need context to mean anything, so pair each ring with a short line of explanation. Avoid made-up skill percentages. The free plan has usage limits and paid plans are billed yearly per widget, from $24 a year. It needs a Squarespace Core plan or higher.

For site owners adding buttons, tabs, accordions, and micro-UI, Progress Circles Widget is less about “another plugin” and more about interface components inside Squarespace pages. Common Ninja anchors the story in accordions and tabs, calls to action, and consistent styling with your theme.

Implementation-wise, you’re still working with Squarespace’s native structure—this is positioned as an extension of the editor, not a parallel stack.

If your site mixes ui components patterns with other add-ons, skim Common Ninja’s documentation for known interactions and version support.

SquareLocator lists Progress Circles Widget so you can scan alternatives in one place; use the affiliate link to confirm current pricing and support terms with Common Ninja.

Worth a look when accordions and tabs and calls to action are on your roadmap and you want consistent styling with your theme without leaving Squarespace 7.1.
What it does
  • Easy integration with Squarespace 7.1
  • Supports calls to action
  • Micro-UI components for improved navigation
  • Documentation available for compatibility
Full specifications

FAQs

FAQs

What does Progress Circles Widget do?
The Progress Circles Widget allows you to add interactive elements like buttons, tabs, and accordions to your Squarespace site, enhancing user engagement and improving navigation without leaving the Squarespace 7.1 environment.
Do I need coding knowledge to use Progress Circles Widget?
No coding knowledge is required to use Progress Circles Widget. The plugin is designed for easy integration with Squarespace, enabling you to enhance your site without needing technical skills.
Can I customize the styling of the components?
Yes, Progress Circles Widget ensures that all added components align with your Squarespace theme, allowing for consistent styling across buttons, tabs, and accordions. You can customize them to fit your site's design.
Will Progress Circles Widget affect my site's speed?
While adding any new plugin can have some impact on page speed, Progress Circles Widget is designed to integrate smoothly into Squarespace without significantly affecting performance. Always monitor your site after installation.
Can I remove Progress Circles Widget later?
Yes, you can remove Progress Circles Widget at any time. The plugin is designed to be easily added or removed without causing disruptions to your existing Squarespace pages or layout.
Is there documentation available for Progress Circles Widget?
Yes, Common Ninja provides documentation for Progress Circles Widget. It covers installation, features, and troubleshooting, helping you make the most of the plugin and addressing any issues you may encounter.