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%
Generated
Agent Claude Code
Scenario 1
TypeScript type definitions and interfaces
Scenario 2
Hook-based progress control
Scenario 3
Loading bar rendering and display
Scenario 4
Increase progress method
Scenario 5
Complete loading method
Scenario 6
Control pattern safety and validation
Scenario 7
Continuous loading mode
Scenario 8
ContinuousStart with configurable refresh rate
Scenario 9
LoadingBarContainer context provider
Scenario 10
Ref-based progress control
tessl i tessl/npm-react-top-loading-bar@3.0.0