Circle progress component with scss and html.
Supported by all browsers and platforms.
<div class="app-progress">
<svg>
<circle cx="25" r="21" cy="25" class="progress-ring done-{{VALUE}}"/>
</svg>
</div>| # 💸 Save your money on Claude Sonnet / Opus with this Cursor Rules | |
| --- | |
| title: Project Task Guidelines | |
| type: always | |
| description: Guidelines for handling tasks, file creation, testing, and communication. | |
| alwaysApply: true | |
| --- | |
| # Project Task Guidelines |
Circle progress component with scss and html.
Supported by all browsers and platforms.
<div class="app-progress">
<svg>
<circle cx="25" r="21" cy="25" class="progress-ring done-{{VALUE}}"/>
</svg>
</div>List sorted: Best -> Worst
Good readable code, but can write better if know new standarts.
> Good practice (10)