CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-react-top-loading-bar

A highly customizable React top-loading bar component with hook-based, ref-based, and state-based control patterns.

Agent Success

Agent success rate when using this tile

64%

Improvement

Agent success rate improvement when using this tile compared to baseline

1.25x

Baseline

Agent success rate without this tile

51%

Overview
Eval results
Files

Assessment results

Generated

Agent Claude Code

Scenario 1

TypeScript type definitions and interfaces

-10%

Scenario 2

Hook-based progress control

10%

Scenario 3

Loading bar rendering and display

-23%

Scenario 4

Increase progress method

40%

Scenario 5

Complete loading method

15%

Scenario 6

Control pattern safety and validation

45%

Scenario 7

Continuous loading mode

-25%

Scenario 8

ContinuousStart with configurable refresh rate

-5%

Scenario 9

LoadingBarContainer context provider

33%

Scenario 10

Ref-based progress control

55%
tessl i tessl/npm-react-top-loading-bar@3.0.0
Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/react-top-loading-bar@3.0.x