Function PercentComplete

examples/chakra/index.js:240–250

(props)

);

const PercentComplete = (props) => {
  const form = useForm();
  const numFields = form.getRegisteredFields().length;
  const numErrors = Object.keys(form.getState().errors).length;
  return (
    <Progress
      value={numFields === 0 ? 0 : ((numFields - numErrors) / numFields) * 100}
      {...props}
    />
  );
};

render(<App />, document.getElementById("root"));