GWTの進捗バー

Question

GWTで使用できるプログレスバーウィジェットはありますか、それとも自分で作る必要がありますか？私は、google-web-toolkit-incubatorでgwtuploadとupload4gwtのプログレスバーを使用してみました。

Answer 1

一部コード：

ここでは0

Answer 2

要件は不明ですが、HTML5はプログレスバータグをサポートしています。ここでは簡単な例である：ここでは

は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> 

追加情報をロードする方法を確認するためのスクリプト：http://www.w3.org/wiki/HTML/Elements/progress 出典：http://www.onlywebpro.com/2011/09/09/html5-progress-bar/

Answer 3

は、HTML5のプログレスバーの例です：あなたui.xmlで

：あなたのコードで

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

：

@UiField Element loadingProgress; 

loadingProgress.setPropertyInt("value", 50);