Lines Matching refs:Progress

1 # Progress Indicator (Progress)
4 The **Progress** component is used to provide an indicator that shows the progress of an operation.…
7 ## Creating a Progress Indicator
12 Progress(options: {value: number, total?: number, type?: ProgressType})
19 Progress({ value: 24, total: 100, type: ProgressType.Linear }) // Create a linear progress indicato…
26 ## Setting the Progress Indicator Style
28 Progress indicators come in five styles. When creating a progress indicator, you can specify its st…
39   Progress({ value: 20, total: 100, type: ProgressType.Linear }).width(200).height(50)
40   Progress({ value: 20, total: 100, type: ProgressType.Linear }).width(50).height(200)
49   Progress({ value: 40, total: 150, type: ProgressType.Ring }).width(100).height(100)
51   Progress({ value: 40, total: 150, type: ProgressType.Ring }).width(100).height(100)
61   Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }).width(100).height(100)
64   Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }).width(100).height(100)
67   Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }).width(100).height(100)
78   Progress({ value: 10, total: 150, type: ProgressType.Eclipse }).width(100).height(100)
80 …Progress({ value: 20, total: 150, type: ProgressType.Eclipse }).color(Color.Grey).width(100).heigh…
95   Progress({ value: 10, total: 150, type: ProgressType.Capsule }).width(100).height(50)
96 …Progress({ value: 20, total: 150, type: ProgressType.Capsule }).width(50).height(100).color(Color.…
97 …Progress({ value: 50, total: 150, type: ProgressType.Capsule }).width(50).height(100).color(Color.…
105 …Progress** component is updated by clicking the button. After the button is clicked, the value of …
115 …Progress({value:0, total:100, type:ProgressType.Capsule}).width(200).height(50).value(this.progres…
117         Button("Progress + 5")