alexma01 / nativescript-linearprogressbar

NativeScript Linear Progress Bar

A NativeScript plugin that provides a widget to implement a linear progress bar, inspired by Google Material Design.
The ios implemention uses Philippe Boisney's linear progress bar .

Installation

• tns plugin add nativescript-linearprogressbar

Vanilla NativeScript

XML

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" class="page"
  xmlns:Bar="nativescript-linearprogressbar">
  <StackLayout>
    <Bar:Linearprogressbar indeterminate="true" />
  </StackLayout>
</Page>

Angular NativeScript

import { registerElement } from 'nativescript-angular/element-registry';

registerElement('LinearProgressBar', () => require('nativescript-linearprogressbar').Linearprogressbar);

<LinearProgressBar indeterminate="true">
</LinearProgressBar>

Attributes

• indeterminate - [boolean] if true, the bar will load indeterminately
• barColor - [string] sets the loading bar color with an hexadecimal color code

Version

1.0

Author

slanca (npmdroid(@)gmail.com)