Refactor the ProgressBar component to use TypeScript (#6245)

changelog/dev-ts-refactor-progress-bar

@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+minor tsx refactor

client/components/progress-bar/index.js → client/components/progress-bar/index.tsx

@@ -1,10 +1,25 @@
 /** @format */
+/**
+ * External dependencies
+ */
+import React from 'react';
+
 /**
  * Internal dependencies
  */
 import './style.scss';
 
-const ProgressBar = ( { progressLabel, totalLabel, progress } ) => {
+interface ProgressBarProps {
+	progressLabel: string;
+	totalLabel: string;
+	progress: number;
+}
+
+const ProgressBar: React.FunctionComponent< ProgressBarProps > = ( {
+	progressLabel,
+	totalLabel,
+	progress,
+} ) => {
 	const useInnerLabel = 0.5 < progress;
 	return (
 		<div className="progressbar">

client/components/progress-bar/test/index.js → client/components/progress-bar/test/index.tsx

@@ -3,6 +3,7 @@
  * External dependencies
  */
 import { render } from '@testing-library/react';
+import React from 'react';
 
 /**
  * Internal dependencies