Lines Matching refs:progress

1 # progress  chapter
4 The **\<Progress>** component is used to provide a progress bar that displays the progress of conte…
22 …progress bar, which cannot be changed dynamically. Available values are as follows:<br>- **horizon…
24 Different types of progress bars support different attributes.
29   | percent | number | 0 | No| Current progress. The value ranges from 0 to 100.|
30   | secondarypercent(Rich) | number | 0 | No| Secondary progress. The value ranges from 0 to 100.|
35   | clockwise | boolean | true | No| Whether the ring progress bar moves in a clockwise direction.|
40   | percent | number | 0 | No| Current progress. The value ranges from 0 to 100.|
51 | color | &lt;color&gt; | \#ff007dff | No| Color of the progress bar.|
52 | stroke-width | &lt;length&gt; | 4px | No| Stroke width of the progress bar.|
53 | background-color | &lt;color&gt; | - | No| Background color of the progress bar.|
54 | secondary-color | &lt;color&gt; | - | No| Color of the secondary progress bar.|
60 | color | &lt;color&gt; | - | No| Color of the dot on the loading progress bar.|
66 | color | &lt;color&gt;&nbsp;\|&nbsp;&lt;linear-gradient&gt; | - | No| Color of the ring progress b…
67 | background-color | &lt;color&gt; | - | No| Background color of the ring progress bar.|
68 | secondary-color | &lt;color&gt; | - | No| Color of the secondary ring progress bar.|
69 | stroke-width | &lt;length&gt; | 10px | No| Width of the ring progress bar.|
70 | scale-width | &lt;length&gt; | - | No| Scale thickness of the ring progress bar with a scale. Thi…
71 | scale-number | number | 120 | No| Number of scales of the ring progress bar with a scale. This st…
77 | color | &lt;color&gt; | - | No| Color of the arc progress bar.|
78 | background-color | &lt;color&gt; | - | No| Background color of the arc progress bar.|
79 …;length&gt; | - | No| Stroke width of the arc progress bar.<br>A larger width value means that the…
80 | start-angle | &lt;deg&gt; | 240 | No| Start angle of the arc progress bar, which starts from the …
81 | total-angle | &lt;deg&gt; | 240 | No| Total length of the arc progress bar. The value ranges from…
82 | center-x | &lt;length&gt; | - | No| Center of the arc progress bar (with the upper left corner of…
83 | center-y | &lt;length&gt; | - | No| Center of the arc progress bar (with the upper left corner of…
84 | radius | &lt;length&gt; | - | No| Radius of the arc progress bar. This style must be used togethe…
98   <progress class="min-progress" type="scale-ring"  percent= "10" secondarypercent="50"></progress>
99   <progress class="min-progress" type="horizontal" percent= "10" secondarypercent="50"></progress>
100   <progress class="min-progress" type="arc" percent= "10"></progress>
101   <progress class="min-progress" type="ring" percent= "10" secondarypercent="50"></progress>
114 .min-progress {
121 ![progress](figures/progress.png)