{
  "context": "This criteria evaluates how well the engineer uses react-top-loading-bar's ref-based control pattern to programmatically manage loading progress through imperative method calls. The focus is on proper ref usage and calling the appropriate methods (staticStart, increase, complete) to control the loading bar.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "LoadingBar Component",
      "description": "Imports and renders the LoadingBar component from react-top-loading-bar in the component tree",
      "max_score": 15
    },
    {
      "name": "Ref Creation",
      "description": "Creates a ref using useRef() or createRef() to hold a reference to the LoadingBar component",
      "max_score": 15
    },
    {
      "name": "Ref Attachment",
      "description": "Passes the ref to the LoadingBar component using the ref prop",
      "max_score": 15
    },
    {
      "name": "Progress Initialization",
      "description": "Uses staticStart(30) method or equivalent (start() followed by manual setting) to set the initial progress to 30%",
      "max_score": 20
    },
    {
      "name": "Progress Increment",
      "description": "Uses increase() method to incrementally advance progress from 30% to 80% during the upload stage",
      "max_score": 20
    },
    {
      "name": "complete Method",
      "description": "Calls the complete() method on the ref to finish the loading bar at 100% when upload completes",
      "max_score": 15
    }
  ]
}