Lines Matching refs:progress
1 # progress chapter
7 The **\<Progress>** component is used to provide a progress bar that displays the progress of conte…
25 …progress bar, which cannot be changed dynamically. Available values are as follows:<br>- **horizon…
27 Different types of progress bars support different attributes.
32 | percent | number | 0 | No | Current progress. The value ranges from 0 to 100.|
33 | secondarypercent | number | 0 | No | Secondary progress. The value ranges from 0 to 100.|
38 | clockwise | boolean | true | No | Whether the ring progress bar uses clockwise.|
43 | percent | number | 0 | No | Current progress. The value ranges from 0 to 100.|
50 Horizontal progress bar, of which **type** is **horizontal**
54 | color | <color> | \#ff007dff | No | Color of the progress bar. |
55 | stroke-width | <length> | 4px | No | Stroke width of the progress bar. |
56 | background-color | <color> | - | No | Background color of the progress bar. |
57 | secondary-color | <color> | - | No | Color of the secondary progress bar.|
59 Circular progress bar, of which **type** is **circular**
63 | color | <color> | - | No | Color of the dot on the loading progress bar.|
65 Ring or scale-ring progress bar, of which **ring** is **scale-ring**
69 …;color> \| <linear-gradient> | - | No | Color of the ring progress bar. The **ring**…
70 … | - | No | Background color of the ring progress bar. …
71 … | - | No | Color of the secondary ring progress bar. …
72 …;length> | 10px | No | Width of the ring progress bar. …
73 …; | - | No | Scale thickness of the ring progress bar with a scale.…
74 … | 120 | No | Number of scales of the ring progress bar with a scale.…
76 Arc progress bar, of which **type** is **arc**
80 | color | <color> | - | No | Color of the arc progress bar. …
81 | background-color | <color> | - | No | Background color of the arc progress b…
82 …progress bar, which is always within the radius area.<br>The wider the progress bar is, the closer…
83 | start-angle | <deg> | 240 | No | Start angle of the arc progress bar, w…
84 | total-angle | <deg> | 240 | No | Total length of the arc progress bar. …
85 … | <length> | Half of the width of the arc progress bar | No | Center of the arc progr…
86 … | <length> | Half of the height of the arc progress bar | No | Center of the arc progr…
87 …t; | Half of the minimum width and height of the arc progress bar| No | Radius of the arc progre…
89 Eclipse progress bar, of which **type** is **eclipse**<sup>5+</sup>
93 | color | <color> | - | No | Color of the eclipse progress bar. |
94 | background-color | <color> | - | No | Background color of the eclipse progress bar.|
111 <progress class="min-progress" type="scale-ring" percent= "10" secondarypercent="50"></progress>
112 <progress class="min-progress" type="horizontal" percent= "10" secondarypercent="50"></progress>
113 <progress class="min-progress" type="arc" percent= "10"></progress>
114 <progress class="min-progress" type="ring" percent= "10" secondarypercent="50"></progress>
126 .min-progress {
132 