{
  "context": "This criteria evaluates how well the engineer uses the rc-progress package to implement loading state animations for file upload status. The focus is on correct usage of the Circle component with the loading prop for indeterminate states and the percent prop for determinate progress display.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Circle component usage",
      "description": "Uses the Circle component from rc-progress (imported from 'rc-progress' package) to display progress indicators",
      "max_score": 20
    },
    {
      "name": "Loading prop for indeterminate states",
      "description": "Uses the loading prop set to true on Circle component for 'preparing' and 'processing' states to display animated indeterminate loading indicators",
      "max_score": 30
    },
    {
      "name": "Percent prop for uploading state",
      "description": "Uses the percent prop on Circle component when status is 'uploading' to display the actual progress value (0-100)",
      "max_score": 25
    },
    {
      "name": "StrokeWidth configuration",
      "description": "Uses the strokeWidth prop on Circle component to set a visible stroke width (at least 6px as specified in requirements)",
      "max_score": 10
    },
    {
      "name": "StrokeColor for state differentiation",
      "description": "Uses the strokeColor prop on Circle component to set different colors for different states (blue for preparing, green for uploading, orange for processing)",
      "max_score": 15
    }
  ]
}