Name: tessl/npm-rc-progress
Author: tessl

Blog Docs Log in Get started

tessl/npm-rc-progress

Progress UI component for React providing customizable line and circle progress bars

Overall
score

100%

Overview

Eval results

Files

Evaluation results

100%

File Upload Progress Tracker

Single percentage progress (0-100)

Criteria

Without context

With context

Import Line component

100%

Use Line component

100%

Pass percent prop

100%

Set strokeWidth

100%

Set strokeColor

100%

Display percentage text

100%

Dashboard Progress Indicator

Basic progress display (Circle)

Criteria

Without context

With context

Circle component import

100%

Circle component usage

100%

Percent prop configuration

100%

Stroke width configuration

100%

Progress color configuration

100%

Rail color configuration

100%

Dashboard Gauge Component

Gap degree configuration (partial circles)

Criteria

Without context

With context

Circle Component Import

100%

gapDegree Prop Usage

100%

gapPosition Prop Usage

100%

Percent Prop

100%

strokeWidth Prop

100%

Test Requirements Met

100%

30%

Loading Status Indicator

Indeterminate/loading state animations

Criteria

Without context

With context

Circle component usage

100%

Loading prop for indeterminate states

100%

Percent prop for uploading state

100%

StrokeWidth configuration

100%

StrokeColor for state differentiation

100%

Circular Progress Indicator with Color Gradient

Conic gradient colors for circular progress

Criteria

Without context

With context

Circle component import

100%

Circle component usage

100%

Conic gradient configuration

100%

Color stops definition

100%

Percent prop binding

100%

Stroke width configuration

100%

Rail color configuration

100%

Progress Bar Line Cap Renderer

Stroke linecap styling (round, butt, square)

Criteria

Without context

With context

Uses Line component

100%

Round linecap usage

100%

Butt linecap usage

100%

Square linecap usage

100%

Progress percentage

100%

Stroke width

100%

Dashboard Gauge Component

Gradient with gap degree combination

Criteria

Without context

With context

Circle component usage

100%

Gap degree configuration

100%

Gap position setting

100%

Gradient color object

100%

Progress percentage binding

100%

Stroke width styling

100%

Rail color styling

100%

Progress Bar Customizer

Stroke width and color configuration

Criteria

Without context

With context

Line component import

100%

Circle component import

100%

Line strokeWidth usage

100%

Line strokeColor usage

100%

Line trailColor usage

100%

Line strokeLinecap usage

100%

Circle strokeWidth usage

100%

Circle strokeColor usage

100%

Circle trailColor usage

100%

Multi-segment handling

100%

Progress Dashboard with Dynamic Gradient Themes

Dynamic gradient switching at runtime

Criteria

Without context

With context

Circle component import

100%

Gradient object structure

100%

Theme-based gradient mapping

100%

Circle component props

100%

Dynamic gradient switching

100%

10%

Progress Dashboard Component

Round strokeLinecap offset compensation

Criteria

Without context

With context

Circle component import

100%

Multiple Circle instances

100%

Percent prop usage

100%

StrokeLinecap configuration

100%

StrokeWidth configuration

100%

StrokeColor configuration

100%

RailColor configuration

100%

Install with Tessl CLI

npx tessl i tessl/npm-rc-progress

Evaluated: about 2 months ago
Agent: Claude Code

Table of Contents

File Upload Progress Tracker Dashboard Progress Indicator Dashboard Gauge Component Loading Status Indicator Circular Progress Indicator with Color Gradient Progress Bar Line Cap Renderer Dashboard Gauge Component Progress Bar Customizer Progress Dashboard with Dynamic Gradient Themes Progress Dashboard Component