Svelte Material UI Circular Progress指示器无法正常工作求助

• 务必导入组件对应样式：SMUI的Circular Progress需要单独导入样式文件，只导入组件但漏加样式是出现黑圈的常见原因。在组件里补充样式导入：

  <script>
    import CircularProgress from '@smui/circular-progress';
    // 添加上这行样式导入
    import '@smui/circular-progress/style.css';
  </script>
  

• 确认组件属性配置正确：要让进度指示器正常工作，必须设置progress（传入0-1之间的确定进度值）或者indeterminate（开启无限转圈的加载状态）属性，示例：

  <!-- 显示70%的确定进度 -->
  <CircularProgress progress={0.7} />
  <!-- 显示无限转圈的加载状态 -->
  <CircularProgress indeterminate />
  

• 检查版本一致性：确保@smui/circular-progress和其他SMUI组件的版本完全一致，版本不匹配可能引发样式渲染异常。查看package.json里的依赖版本，统一后重新安装依赖。

• 刷新/重建环境：本地项目可以删除node_modules和package-lock.json后重新执行npm install；Code Sandbox里点击右上角重启按钮，清除缓存后重新加载项目，确保样式文件正确生效。

内容的提问来源于stack exchange，提问作者Imo