GWT的进度条

是否有一个进度条小部件可以与GWT一起使用，还是必须自己制作？我曾经尝试过使用GoogleWebToolkit孵化器中的进度条，gwtupload和upload4gwt，但没有任何运气

我不知道您的要求，但HTML5支持progressbar标记。下面是一个简单的例子：

以下是html：

<progress id="bar" value="0" max="100">
    <span id="fallback">
        <p>Your browser does not support progress tag.</p>
    </span>
</progress>

您的浏览器不支持进度标记

和脚本，以查看如何加载

<script>
    window.onload = function() {

        var bar = document.getElementById("bar"),
        loaded = 0;

        var load = function() {
            loaded += 10;
            bar.value = loaded;

             if(loaded == 100) {
                clearInterval(dummyLoad);
            }
        };

        var dummyLoad = setInterval(function() {
            load();
        } ,1000);
    }
</script>

window.onload=函数（）{
var bar=document.getElementById（“bar”），
加载=0；
var load=function（）{
负载+=10；
bar.value=已加载；
如果（加载==100）{
净距（dummyLoad）；
}
};
var dummyLoad=setInterval（函数（）{
加载（）；
} ,1000);
}

其他信息： 来源：

一些代码：

import com.google.gwt.i18n.client.NumberFormat;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.Widget;

public class ProgressBar extends Widget {
    private static final String PERCENT_PATTERN = "#,##0%";
    private static final NumberFormat percentFormat = NumberFormat.getFormat(PERCENT_PATTERN);

    private final Element progress;
    private final Element percentageLabel;
    private double percentage;
    private final double max;

    public ProgressBar(double value, double max) {
        assert max != 0;
        this.max = max;

        progress = DOM.createElement("progress");
        progress.setAttribute("max", Double.toString(max));
        progress.setAttribute("value", Double.toString(value));

        percentageLabel = DOM.createElement("span");
        percentage = value / max;
        percentageLabel.setInnerHTML(percentFormat.format(percentage));
        progress.insertFirst(percentageLabel);

        setElement(progress);
    }

    public void setProgress(double value) {
        progress.setAttribute("value", Double.toString(value));
        percentage = value / max;
        percentageLabel.setInnerHTML(percentFormat.format(percentage));
    }

}

---

下面是一个HTML5进度条示例：

在ui.xml中：

<progress ui:field="loadingProgress" style="width:100%" value="0" max="100"></progress>

---

兄弟！请告诉我怎么叫它。以及如何使用。谢谢！我用它替换了旧的gwt孵化器ProgressBar，并使用我的应用程序的文件上传（在服务器端使用ApacheCommonsFileUpload）。两个调整：（1）对于GWT2.6.1，导入com.google.GWT.dom.client.Element，因为com.google.GWT.user.client.Element不推荐使用；（2） 我添加了一个默认构造函数--public ProgressBar（）{this（0.01000.0）；}这是最容易合并到ui.xml文件中的构造函数

@UiField Element loadingProgress;

loadingProgress.setPropertyInt("value", 50);