Lines Matching refs:progress

1 # progress  chapter
3 The **\<Progress>** component is used to provide a progress bar that displays the progress of conte…
19 …progress bar, which cannot be changed dynamically. Available values are as follows:<br>- **horizon…
25 Different types of progress bars support different attributes.
30   | percent | number | 0 | No| Current progress. The value ranges from 0 to 100.|
35   | percent | number | 0 | No| Current progress. The value ranges from 0 to 100.|
53 …&lt;color&gt;  | \#6b9ac7                                       | No  | Color of the progress bar.|
54 … | &lt;length&gt; | 32<sup>1-4 </sup>\| 4<sup>5+</sup>px | No  | Stroke width of the progress bar.|
60 …| color            | &lt;color&gt;  | -      | No  | Color of the arc progress bar.               …
61 …| background-color | &lt;color&gt;  | -      | No  | Background color of the arc progress bar.    …
62 …;length&gt; | -      | No  | Width of the arc progress bar.<br>A larger width value means that the…
63 …| start-angle      | &lt;deg&gt;    | 240    | No  | Start angle of the arc progress bar, which st…
64 …| total-angle      | &lt;deg&gt;    | 240    | No  | Total length of the arc progress bar. The val…
65 …| center-x         | &lt;length&gt; | -      | No  | Center of the arc progress bar (with the uppe…
66 …| center-y         | &lt;length&gt; | -      | No  | Center of the arc progress bar (with the uppe…
67 …| radius           | &lt;length&gt; | -      | No  | Radius of the arc progress bar. This style mu…
90 …<progress type="horizontal" percent="{{horizontalVal}}" style="height: 10%;width: 40%;" onclick = …
91   <progress type="arc" class="min-progress" percent="{{arcVal}}" on:click="changeArc"></progress>
103 .min-progress {
125 ![progress](figures/progress-lite.png)