如何增加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;
  }

如果将其添加到样式表中并应用样式名称＆＃34; fat＆＃34;到你的进度条，它的高度将改为20px（或者你想要的任何数量）