如何在 Vaadin Flow 中显示不确定的微调进度条？

Question

ProgressBar下面是在 Vaadin Flow（版本 23）中显示不确定的代码：

ProgressBar spinner = new ProgressBar();
spinner.setIndeterminate(true);
spinner.setVisible(true);

唯一的事情是，这现在似乎创建了一个ProgressBar来回的东西，我想知道是否可以将其显示为圆形。我可以通过加载图标、动画 GIF 等来做到这一点，但是可以通过类来实现吗ProgressBar？

Answer 1

让某些组件屈服于你的意愿可能只是浪费时间。Flow 允许极其轻松地集成 HTML/CSS/JS，因此只需创建您自己的微调器（那里有很多示例）。

例如

旋转器：

@CssImport('./spinner.css')
@Tag('spinner')
class Spinner extends Div {}

还有spinner.css：

@CssImport('./spinner.css')
@Tag('spinner')
class Spinner extends Div {}