Merge pull request #419 from NativeScript/niliev/revamp

docs: revamp Progress article

Author: NickIliev

app/ng-ui-widgets-category/progress/creating-progress/creating-progress.component.html

@@ -1,8 +1,19 @@
+## Properties
 
-**API Reference for** [Progress Class](http://docs.nativescript.org/api-reference/modules/_ui_progress_.html)
+| Name     | Type    | Description    |
+|----------|---------|----------------|
+| `value`   | `number` | Gets or sets a progress current value. |
+| `maxValue`   | `number` | Gets or sets a progress max value. |
 
-**Native Component**
+## API References
 
-| Android                | iOS      |
-|:-----------------------|:---------|
-| [android.widget.ProgressBar](http://developer.android.com/reference/android/widget/ProgressBar.html) (indeterminate = false) | [UIProgressView](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIProgressView_Class/) |
+| Name     | Type    | 
+|----------|---------|
+| [tns-core-modules/ui/progress](http://docs.nativescript.org/api-reference/modules/_ui_progress_.html) | `Module` | 
+| [Progress](https://docs.nativescript.org/api-reference/classes/_ui_progress_.progress) | `Class` | 
+
+## Native Component
+
+| Android               | iOS      |
+|:----------------------|:---------|
+| [android.widget.ProgressBar](http://developer.android.com/reference/android/widget/ProgressBar.html) | [UIProgressView](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIProgressView_Class/) |

app/ng-ui-widgets-category/progress/creating-progress/creating-progress.component.ts

@@ -4,3 +4,4 @@ description: The Progress class provides an abstraction over the iOS's UIProgres
 position: 34
 slug: progress-ng
 ---
+example-order: usage, styling, tips-and-tricks

app/ng-ui-widgets-category/progress/end.md

@@ -1,2 +1,2 @@
-The Progress widget is a visual bar indicator of a progress in a operation. 
+The `Progress` widget is a visual bar indicator of a progress in a operation. 
 It shows a bar representing the current progress of the operation.

app/ng-ui-widgets-category/progress/metadata.md

@@ -2,9 +2,9 @@ import { Component, ChangeDetectionStrategy } from "@angular/core";
 import { Link } from "./../../link";
 
 let menuLinks = [
-    new Link("Create Progress", "/progress/creating-progress"),
-    new Link("Set up Progress", "/progress/setting-progress"),
-    new Link("Style Progress", "/progress/style-progress")
+    new Link("Usage", "/progress/usage"),
+    new Link("Style Progress", "/progress/styling"),
+    new Link("Set up Progress", "/progress/tips-and-tricks")
 ];
 
 @Component({

app/ng-ui-widgets-category/progress/overview.md

@@ -2,9 +2,9 @@ import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
 import { NativeScriptRouterModule } from "nativescript-angular/router";
 import { NativeScriptCommonModule } from "nativescript-angular/common";
 import { ProgressExamplesComponent } from "./progress-examples.component";
-import { CreatingProgressComponent } from "./creating-progress/creating-progress.component";
-import { SettingProgressComponent } from "./setting-progress/setting-progress.component";
-import { StyleProgressComponent } from "./style-progress/style-progress.component";
+import { UsageComponent } from "./usage/usage.component";
+import { TipsAndTricksComponent } from "./tips-and-tricks/tips-and-tricks.component";
+import { StylingComponent } from "./styling/styling.component";
 import { TitleAndNavButtonModule } from "../../directives/title-and-nav-button.module";
 
 export const routerConfig = [
@@ -13,19 +13,19 @@ export const routerConfig = [
         component: ProgressExamplesComponent
     },
     {
-        path: "creating-progress",
-        component: CreatingProgressComponent,
-        data: { title: "Create Progress" }
+        path: "usage",
+        component: UsageComponent,
+        data: { title: "Usage" }
     },
     {
-        path: "setting-progress",
-        component: SettingProgressComponent,
-        data: { title: "Set up Progress" }
+        path: "tips-and-tricks",
+        component: TipsAndTricksComponent,
+        data: { title: "Tips and Tricks" }
     },
     {
-        path: "style-progress",
-        component: StyleProgressComponent,
-        data: { title: "Style Progress" }
+        path: "styling",
+        component: StylingComponent,
+        data: { title: "Styling" }
     }
 ];
 
@@ -39,9 +39,9 @@ export const routerConfig = [
     ],
     declarations: [
         ProgressExamplesComponent,
-        CreatingProgressComponent,
-        SettingProgressComponent,
-        StyleProgressComponent
+        UsageComponent,
+        TipsAndTricksComponent,
+        StylingComponent
     ]
 })