How to use

VisualProgressBar

in

com.dragome.guia.components.interfaces

  private void updatePercentage(final Element perDiv, final Element statDiv, VisualProgressBar progressBar)
  {
    setElementInnerHTML(perDiv, progressBar.getPercentage() + "%");
    statDiv.setAttribute("style", "width:" + progressBar.getPercentage() + "%;");
  }
}

public Canvas<Element> render(final VisualProgressBar progressBar)
{
  Document document= WebServiceLocator.getInstance().getDomHandler().getDocument();
  Element mainDiv= document.createElement("div");
  mainDiv.setAttribute("class", "progressWrap");
  final Element perDiv= document.createElement("div");
  perDiv.setAttribute("class", "progressPer");
  mainDiv.appendChild(perDiv);
  final Element statDiv= document.createElement("div");
  statDiv.setAttribute("class", "progressStat");
  mainDiv.appendChild(statDiv);
  updatePercentage(perDiv, statDiv, progressBar);
  progressBar.addValueChangeHandler(new ValueChangeHandler<Integer>()
  {
    public void onValueChange(ValueChangeEvent<Integer> event)
    {
      updatePercentage(perDiv, statDiv, progressBar);
    }
  });
  Canvas<Element> canvas= GuiaServiceLocator.getInstance().getTemplateManager().getCanvasFactory().createCanvas();
  canvas.setContent(mainDiv);
  return canvas;
}