如何增加 vaadin 进度条的大小（厚度）

Question

我如何增加 vaadin 进度条的高度（厚度）- 7.6.3。还有我如何显示进步的价值。例如，在进度条的中间显示完成了多少以及还剩多少。我尝试使用以下代码，但它始终是默认大小。

_progress.setWidth("100%");
_progress.setHeight("100%");

而且我厌倦了使用 css，比如

_progress.setCaption(" ");
_progress.setCaptionAsHtml(true);
_progress.addstylename("progress");

我在 .css 和

中定义的“.progress”

.progress1 {
color: black;
text-align: right;
font-size: 2em;
font-weight: bold;
height: 100%;
}

Answer 1

不必为您的进度条定义样式，您必须将包装器包含到您的样式规则中。

  .v-progressbar-fat .v-progressbar-wrapper {
    height: 20px;
  }

如果您将此添加到您的样式 sheet 并将样式名称 "fat" 应用到您的进度条，它的高度将更改为 20 像素（或您希望的任何数量）

How to increase the size (thickness) of a vaadin progressbar