$this->get('ui', 'progress', 100, 45, 'Loading...', 'orange');

// Parameter array
$this->get('ui', 'progress', Array(
  'total'   => 100,
  'value'   => 45,
  'title'   => 'Loading...',
  'color'   => 'orange'
));

$this->get('ui', 'progress', Array(
  'total'   => 100,
  'size'    => 'large',
  'style'   => 'round',
  'color'   => 'red', // bar default
  ))
  ->addBar(25, 'First', 'blue')
  ->addBar( Array(
     'value'    => 25,
     'title'    => 'Second',
     'color'    => 'green',
     'link'     => 'table/customer',
     'onclick'  => "alert('Clicked!')",
     'tooltip'  => 'Tooltip text'
  ));

$this->get('ui', 'progress', Array(
  'total'   => 100,
  'size'    => 'large',
  'style'   => 'round',
  'color'   => 'red',
  'bars'    => Array(
    Array(
      'value' => 25,
      'title' => 'First'
      'color' => 'blue'
    ),
    Array(
     'start'    => 10, // offset
     'value'    => 25,
     'title'    => 'Second',
     'color'    => 'green',
     'link'     => 'table/customer',
     'onclick'  => "javascriptFunction('var')",
     'tooltip'  => 'Tooltip text'
   )
));

var $Progress = cms.get('ui', 'progress', {
    value:          '60',
    maxValue:       '100',
    color:          'danger',
    size:           'large',
    title:          'Something',
    description:    'More info'
});

var $Progress = cms.get('ui', 'progress', {
    unit:     'h',
    size:     'large'
});

$Progress.addBar({
    value: '2',
    title: 'Tekemättä',
    description: 'Kuinka monta vielä tekemättä',
    color: 'danger'
});

$Progress.addBar({
    value: '2',
    title: 'Työnalla',
    description: 'Näitä tehdään parhaillaan',
    color: 'warning'
});

$Progress.addBar({
    value: '4',
    title: 'Tehty',
    description: 'Tehty',
    color: 'success'
});