Using the progress view requires the Progress module.

import * as progressModule from "tns-core-modules/ui/progress";

Binding the Progress value property to a view-model property.

<Page loaded="pageLoaded">
  <Progress value="{{ someProperty }}" />
function pageLoaded(args) {
  var page = args.object;
  page.bindingContext = { someProperty : 42 };
exports.pageLoaded = pageLoaded;

Creating a progress view

var progress = new progressModule.Progress();

Setting up the progress view

progress.maxValue = 255;
progress.value = 16;
Is this article helpful? Yes / No
Thank you for your feedback!

Tell us how we can improve this article

NativeScript is licensed under the Apache 2.0 license .
© Progress Software Corporation. All Rights Reserved.