如何在ProgressIndicator中使用fluentui-react中的样式

npm install @fluentui/react

import { ProgressIndicator } from '@fluentui/react/lib/ProgressIndicator';
import '@fluentui/react/lib/ProgressIndicator.css'; // 导入样式文件

const App = () => {
  return (
    <div>
      <ProgressIndicator
        label="Loading..."
        description="Please wait"
        percentComplete={0.5}
        styles={{
          root: { marginBottom: '10px' }, // 自定义根样式
          itemName: { color: 'red' }, // 自定义项目名称样式
          itemDescription: { fontSize: '12px' }, // 自定义项目描述样式
          itemProgress: { backgroundColor: 'blue' }, // 自定义项目进度样式
        }}
      />
    </div>
  );
};