<VIEW_GROUP width="480px" height="350px" input_style="skin.raised_brushed_metal_style">

  
  <STYLE name="progress_style" padding="aabb(vector(3,3),vector(2,2))" margin="aabb(vector(2,2),vector(2,2))" background="skin.client_edge"  overlay="skin.select_rect" vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_LEFT"/>

  <STYLE name="new_style" padding="aabb(vector(3,3),vector(2,2))" margin="aabb(vector(2,2),vector(2,2))" background="skin.client_edge"  overlay="skin.select_rect" vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_LEFT"/>

  <TABLE  name ="table"  input_style='skin.no_border_style' width='100%' height='100%' >
    <ROW  name ="row"  width='100%' height='40px' resize_enabled='true' input_style='skin.no_border_style' >
      <CELL  name ="cell"  input_style='skin.no_border_style' width='100%' height='100%' resize_enabled='true' arranger='skin.horizontal_arrange'>
        <SIMPLE_LABEL name='ctrl_progress_label' text='Progress: ' height='40px' valign='EPF_CENTRE_Y' input_style='skin.no_border_style'/>
        <SIMPLE_LABEL name='ctrl_progress_label' text='Progress: ' height='40px' valign='EPF_CENTRE_Y' input_style='new_style'/>
        
      </CELL>
    </ROW>
    <ROW  input_style='skin.no_border_style' width='100%' height='40px' resize_enabled='true' >
      <CELL  input_style='skin.no_border_style' width='100%' height='100%' resize_enabled='true' arranger='skin.horizontal_arrange' >        
        <PROGRESS_BAR name='ctrl_progress_bar' width='100%' height='25px' valign='EPF_CENTRE_Y' input_style='progress_style' progress='0.5'/>        
      </CELL>
    </ROW>

    <ROW input_style='skin.no_border_style'>
      <CELL arranger='skin.horizontal_arrange' input_style='skin.no_border_style'>
        <BUTTON name="ctrl_cancel_button" width='100px' height='40px' text='Cancel' margin='aabb(vector(5,5),vector(5,5))' valign='EPF_CENTRE_Y'/>
      </CELL>
    </ROW>
  </TABLE>
  <BACK_VIEW width='100%' height='1.0*' name="background" />

</VIEW_GROUP>
