1# progress<a name="ZH-CN_TOPIC_0000001209570703"></a> 2 3进度条，用于显示内容加载或操作处理进度。 4 5## 权限列表<a name="zh-cn_topic_0000001173324665_section11257113618419"></a> 6 7无 8 9## 子组件<a name="zh-cn_topic_0000001173324665_section9288143101012"></a> 10 11不支持。 12 13## 属性<a name="zh-cn_topic_0000001173324665_section2907183951110"></a> 14 15除支持[通用属性](js-components-common-attributes.md)外，还支持如下属性： 16 17<a name="zh-cn_topic_0000001173324665_table20633101642315"></a> 18<table><thead align="left"><tr id="zh-cn_topic_0000001173324665_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324665_aa872998ac2d84843a3c5161889afffef"><a name="zh-cn_topic_0000001173324665_aa872998ac2d84843a3c5161889afffef"></a><a name="zh-cn_topic_0000001173324665_aa872998ac2d84843a3c5161889afffef"></a>名称</p> 19</th> 20<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324665_ab2111648ee0e4f6d881be8954e7acaab"><a name="zh-cn_topic_0000001173324665_ab2111648ee0e4f6d881be8954e7acaab"></a><a name="zh-cn_topic_0000001173324665_ab2111648ee0e4f6d881be8954e7acaab"></a>类型</p> 21</th> 22<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324665_ab377d1c90900478ea4ecab51e9a058af"><a name="zh-cn_topic_0000001173324665_ab377d1c90900478ea4ecab51e9a058af"></a><a name="zh-cn_topic_0000001173324665_ab377d1c90900478ea4ecab51e9a058af"></a>默认值</p> 23</th> 24<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324665_p824610360217"><a name="zh-cn_topic_0000001173324665_p824610360217"></a><a name="zh-cn_topic_0000001173324665_p824610360217"></a>必填</p> 25</th> 26<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324665_a1d574a0044ed42ec8a2603bc82734232"><a name="zh-cn_topic_0000001173324665_a1d574a0044ed42ec8a2603bc82734232"></a><a name="zh-cn_topic_0000001173324665_a1d574a0044ed42ec8a2603bc82734232"></a>描述</p> 27</th> 28</tr> 29</thead> 30<tbody><tr id="zh-cn_topic_0000001173324665_row6863121675218"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p1751189523"><a name="zh-cn_topic_0000001173324665_p1751189523"></a><a name="zh-cn_topic_0000001173324665_p1751189523"></a>type</p> 31</td> 32<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p17591819528"><a name="zh-cn_topic_0000001173324665_p17591819528"></a><a name="zh-cn_topic_0000001173324665_p17591819528"></a>string</p> 33</td> 34<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p125151855212"><a name="zh-cn_topic_0000001173324665_p125151855212"></a><a name="zh-cn_topic_0000001173324665_p125151855212"></a>horizontal</p> 35</td> 36<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p14512188523"><a name="zh-cn_topic_0000001173324665_p14512188523"></a><a name="zh-cn_topic_0000001173324665_p14512188523"></a>否</p> 37</td> 38<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p1510182522"><a name="zh-cn_topic_0000001173324665_p1510182522"></a><a name="zh-cn_topic_0000001173324665_p1510182522"></a>设置进度条的类型，该属性不支持动态修改，可选值为：</p> 39<a name="zh-cn_topic_0000001173324665_ul11541820527"></a><a name="zh-cn_topic_0000001173324665_ul11541820527"></a><ul id="zh-cn_topic_0000001173324665_ul11541820527"><li>horizontal：线性进度条；</li><li>circular：loading样式进度条；</li><li>ring：圆环形进度条；</li><li>scale-ring：带刻度圆环形进度条</li><li>arc：弧形进度条。</li><li>eclipse<sup id="zh-cn_topic_0000001173324665_sup790255053720"><a name="zh-cn_topic_0000001173324665_sup790255053720"></a><a name="zh-cn_topic_0000001173324665_sup790255053720"></a>5+</sup>：圆形进度条，展现类似月圆月缺的进度展示效果。</li></ul> 40</td> 41</tr> 42</tbody> 43</table> 44 45不同类型的进度条还支持不同的属性： 46 47- 类型为horizontal、ring、scale-ring时，支持如下属性： 48 49 <a name="zh-cn_topic_0000001173324665_table2074230113515"></a> 50 <table><thead align="left"><tr id="zh-cn_topic_0000001173324665_row1474313083519"><th class="cellrowborder" valign="top" width="23.52%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324665_p107434016350"><a name="zh-cn_topic_0000001173324665_p107434016350"></a><a name="zh-cn_topic_0000001173324665_p107434016350"></a>名称</p> 51 </th> 52 <th class="cellrowborder" valign="top" width="11.76%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324665_p37433017350"><a name="zh-cn_topic_0000001173324665_p37433017350"></a><a name="zh-cn_topic_0000001173324665_p37433017350"></a>类型</p> 53 </th> 54 <th class="cellrowborder" valign="top" width="11.72%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324665_p1274316043517"><a name="zh-cn_topic_0000001173324665_p1274316043517"></a><a name="zh-cn_topic_0000001173324665_p1274316043517"></a>默认值</p> 55 </th> 56 <th class="cellrowborder" valign="top" width="8%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324665_p37437033519"><a name="zh-cn_topic_0000001173324665_p37437033519"></a><a name="zh-cn_topic_0000001173324665_p37437033519"></a>必填</p> 57 </th> 58 <th class="cellrowborder" valign="top" width="45%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324665_p174314073517"><a name="zh-cn_topic_0000001173324665_p174314073517"></a><a name="zh-cn_topic_0000001173324665_p174314073517"></a>描述</p> 59 </th> 60 </tr> 61 </thead> 62 <tbody><tr id="zh-cn_topic_0000001173324665_row974313023514"><td class="cellrowborder" valign="top" width="23.52%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p674313053511"><a name="zh-cn_topic_0000001173324665_p674313053511"></a><a name="zh-cn_topic_0000001173324665_p674313053511"></a>percent</p> 63 </td> 64 <td class="cellrowborder" valign="top" width="11.76%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p16743708352"><a name="zh-cn_topic_0000001173324665_p16743708352"></a><a name="zh-cn_topic_0000001173324665_p16743708352"></a>number</p> 65 </td> 66 <td class="cellrowborder" valign="top" width="11.72%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p157435053511"><a name="zh-cn_topic_0000001173324665_p157435053511"></a><a name="zh-cn_topic_0000001173324665_p157435053511"></a>0</p> 67 </td> 68 <td class="cellrowborder" valign="top" width="8%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p1374370133511"><a name="zh-cn_topic_0000001173324665_p1374370133511"></a><a name="zh-cn_topic_0000001173324665_p1374370133511"></a>否</p> 69 </td> 70 <td class="cellrowborder" valign="top" width="45%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p5743704359"><a name="zh-cn_topic_0000001173324665_p5743704359"></a><a name="zh-cn_topic_0000001173324665_p5743704359"></a>当前进度。取值范围为0-100。</p> 71 </td> 72 </tr> 73 <tr id="zh-cn_topic_0000001173324665_row16743104352"><td class="cellrowborder" valign="top" width="23.52%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p1874313063517"><a name="zh-cn_topic_0000001173324665_p1874313063517"></a><a name="zh-cn_topic_0000001173324665_p1874313063517"></a>secondarypercent</p> 74 </td> 75 <td class="cellrowborder" valign="top" width="11.76%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p127431015355"><a name="zh-cn_topic_0000001173324665_p127431015355"></a><a name="zh-cn_topic_0000001173324665_p127431015355"></a>number</p> 76 </td> 77 <td class="cellrowborder" valign="top" width="11.72%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p1374317016354"><a name="zh-cn_topic_0000001173324665_p1374317016354"></a><a name="zh-cn_topic_0000001173324665_p1374317016354"></a>0</p> 78 </td> 79 <td class="cellrowborder" valign="top" width="8%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p774320103519"><a name="zh-cn_topic_0000001173324665_p774320103519"></a><a name="zh-cn_topic_0000001173324665_p774320103519"></a>否</p> 80 </td> 81 <td class="cellrowborder" valign="top" width="45%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p1974310173512"><a name="zh-cn_topic_0000001173324665_p1974310173512"></a><a name="zh-cn_topic_0000001173324665_p1974310173512"></a>次级进度。取值范围为0-100。</p> 82 </td> 83 </tr> 84 </tbody> 85 </table> 86 87- 类型为ring、scale-ring时，支持如下属性： 88 89 <a name="zh-cn_topic_0000001173324665_table2311759143520"></a> 90 <table><thead align="left"><tr id="zh-cn_topic_0000001173324665_row13121059163511"><th class="cellrowborder" valign="top" width="11%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324665_p6312155919354"><a name="zh-cn_topic_0000001173324665_p6312155919354"></a><a name="zh-cn_topic_0000001173324665_p6312155919354"></a>名称</p> 91 </th> 92 <th class="cellrowborder" valign="top" width="23%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324665_p73121259183512"><a name="zh-cn_topic_0000001173324665_p73121259183512"></a><a name="zh-cn_topic_0000001173324665_p73121259183512"></a>类型</p> 93 </th> 94 <th class="cellrowborder" valign="top" width="13%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324665_p1312359103512"><a name="zh-cn_topic_0000001173324665_p1312359103512"></a><a name="zh-cn_topic_0000001173324665_p1312359103512"></a>默认值</p> 95 </th> 96 <th class="cellrowborder" valign="top" width="8%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324665_p20312175983514"><a name="zh-cn_topic_0000001173324665_p20312175983514"></a><a name="zh-cn_topic_0000001173324665_p20312175983514"></a>必填</p> 97 </th> 98 <th class="cellrowborder" valign="top" width="45%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324665_p123121159113515"><a name="zh-cn_topic_0000001173324665_p123121159113515"></a><a name="zh-cn_topic_0000001173324665_p123121159113515"></a>描述</p> 99 </th> 100 </tr> 101 </thead> 102 <tbody><tr id="zh-cn_topic_0000001173324665_row0312195911351"><td class="cellrowborder" valign="top" width="11%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p43126599354"><a name="zh-cn_topic_0000001173324665_p43126599354"></a><a name="zh-cn_topic_0000001173324665_p43126599354"></a>clockwise</p> 103 </td> 104 <td class="cellrowborder" valign="top" width="23%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p11312659113520"><a name="zh-cn_topic_0000001173324665_p11312659113520"></a><a name="zh-cn_topic_0000001173324665_p11312659113520"></a>boolean</p> 105 </td> 106 <td class="cellrowborder" valign="top" width="13%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p6312359133511"><a name="zh-cn_topic_0000001173324665_p6312359133511"></a><a name="zh-cn_topic_0000001173324665_p6312359133511"></a>true</p> 107 </td> 108 <td class="cellrowborder" valign="top" width="8%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p131218599350"><a name="zh-cn_topic_0000001173324665_p131218599350"></a><a name="zh-cn_topic_0000001173324665_p131218599350"></a>否</p> 109 </td> 110 <td class="cellrowborder" valign="top" width="45%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p12312175919356"><a name="zh-cn_topic_0000001173324665_p12312175919356"></a><a name="zh-cn_topic_0000001173324665_p12312175919356"></a>圆环形进度条是否采用顺时针。</p> 111 </td> 112 </tr> 113 </tbody> 114 </table> 115 116- 类型为arc、eclipse<sup>5+</sup>时，支持如下属性： 117 118 <a name="zh-cn_topic_0000001173324665_table7731318123620"></a> 119 <table><thead align="left"><tr id="zh-cn_topic_0000001173324665_row107321518113612"><th class="cellrowborder" valign="top" width="23.52%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324665_p9732118103619"><a name="zh-cn_topic_0000001173324665_p9732118103619"></a><a name="zh-cn_topic_0000001173324665_p9732118103619"></a>名称</p> 120 </th> 121 <th class="cellrowborder" valign="top" width="11.76%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324665_p107321618103616"><a name="zh-cn_topic_0000001173324665_p107321618103616"></a><a name="zh-cn_topic_0000001173324665_p107321618103616"></a>类型</p> 122 </th> 123 <th class="cellrowborder" valign="top" width="11.72%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324665_p127321718173617"><a name="zh-cn_topic_0000001173324665_p127321718173617"></a><a name="zh-cn_topic_0000001173324665_p127321718173617"></a>默认值</p> 124 </th> 125 <th class="cellrowborder" valign="top" width="8%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324665_p17321418153617"><a name="zh-cn_topic_0000001173324665_p17321418153617"></a><a name="zh-cn_topic_0000001173324665_p17321418153617"></a>必填</p> 126 </th> 127 <th class="cellrowborder" valign="top" width="45%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324665_p573281814364"><a name="zh-cn_topic_0000001173324665_p573281814364"></a><a name="zh-cn_topic_0000001173324665_p573281814364"></a>描述</p> 128 </th> 129 </tr> 130 </thead> 131 <tbody><tr id="zh-cn_topic_0000001173324665_row1773251817366"><td class="cellrowborder" valign="top" width="23.52%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p27322018143612"><a name="zh-cn_topic_0000001173324665_p27322018143612"></a><a name="zh-cn_topic_0000001173324665_p27322018143612"></a>percent</p> 132 </td> 133 <td class="cellrowborder" valign="top" width="11.76%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p37321718113612"><a name="zh-cn_topic_0000001173324665_p37321718113612"></a><a name="zh-cn_topic_0000001173324665_p37321718113612"></a>number</p> 134 </td> 135 <td class="cellrowborder" valign="top" width="11.72%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p12732171817366"><a name="zh-cn_topic_0000001173324665_p12732171817366"></a><a name="zh-cn_topic_0000001173324665_p12732171817366"></a>0</p> 136 </td> 137 <td class="cellrowborder" valign="top" width="8%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p8732101843613"><a name="zh-cn_topic_0000001173324665_p8732101843613"></a><a name="zh-cn_topic_0000001173324665_p8732101843613"></a>否</p> 138 </td> 139 <td class="cellrowborder" valign="top" width="45%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p14732318113613"><a name="zh-cn_topic_0000001173324665_p14732318113613"></a><a name="zh-cn_topic_0000001173324665_p14732318113613"></a>当前进度。取值范围为0-100。</p> 140 </td> 141 </tr> 142 </tbody> 143 </table> 144 145 146## 样式<a name="zh-cn_topic_0000001173324665_section5775351116"></a> 147 148除支持[通用样式](js-components-common-styles.md)外，还支持如下样式： 149 150type=horizontal 151 152<a name="zh-cn_topic_0000001173324665_t3c94bfbdec6f4ef08febb9d98feb69de"></a> 153<table><thead align="left"><tr id="zh-cn_topic_0000001173324665_r53b2a254c9d645feb7260feb7770ab81"><th class="cellrowborder" valign="top" width="15.841584158415841%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324665_a5d8aa9ff3111452b8d0de276c88b44b5"><a name="zh-cn_topic_0000001173324665_a5d8aa9ff3111452b8d0de276c88b44b5"></a><a name="zh-cn_topic_0000001173324665_a5d8aa9ff3111452b8d0de276c88b44b5"></a>名称</p> 154</th> 155<th class="cellrowborder" valign="top" width="11.941194119411943%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324665_afca70efa86e8438ebc402dcba820a465"><a name="zh-cn_topic_0000001173324665_afca70efa86e8438ebc402dcba820a465"></a><a name="zh-cn_topic_0000001173324665_afca70efa86e8438ebc402dcba820a465"></a>类型</p> 156</th> 157<th class="cellrowborder" valign="top" width="26.672667266726673%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324665_ae063aedcf344463b9e0c5b2363d9441a"><a name="zh-cn_topic_0000001173324665_ae063aedcf344463b9e0c5b2363d9441a"></a><a name="zh-cn_topic_0000001173324665_ae063aedcf344463b9e0c5b2363d9441a"></a>默认值</p> 158</th> 159<th class="cellrowborder" valign="top" width="6.9306930693069315%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324665_aba5cfe9b5b3c47ca890b6fca516a68d2"><a name="zh-cn_topic_0000001173324665_aba5cfe9b5b3c47ca890b6fca516a68d2"></a><a name="zh-cn_topic_0000001173324665_aba5cfe9b5b3c47ca890b6fca516a68d2"></a>必填</p> 160</th> 161<th class="cellrowborder" valign="top" width="38.613861386138616%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324665_a91770a169ad44da99a22c882ce41bf86"><a name="zh-cn_topic_0000001173324665_a91770a169ad44da99a22c882ce41bf86"></a><a name="zh-cn_topic_0000001173324665_a91770a169ad44da99a22c882ce41bf86"></a>描述</p> 162</th> 163</tr> 164</thead> 165<tbody><tr id="zh-cn_topic_0000001173324665_r8d7d69585da2411897bd21e25bdf945b"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_a76c0c59c9ef342648d24b3def45827d8"><a name="zh-cn_topic_0000001173324665_a76c0c59c9ef342648d24b3def45827d8"></a><a name="zh-cn_topic_0000001173324665_a76c0c59c9ef342648d24b3def45827d8"></a>color</p> 166</td> 167<td class="cellrowborder" valign="top" width="11.941194119411943%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_a7e7fc8b3939f4d8c8da8246c80ae85b8"><a name="zh-cn_topic_0000001173324665_a7e7fc8b3939f4d8c8da8246c80ae85b8"></a><a name="zh-cn_topic_0000001173324665_a7e7fc8b3939f4d8c8da8246c80ae85b8"></a><color></p> 168</td> 169<td class="cellrowborder" valign="top" width="26.672667266726673%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p57261722152113"><a name="zh-cn_topic_0000001173324665_p57261722152113"></a><a name="zh-cn_topic_0000001173324665_p57261722152113"></a>#ff007dff</p> 170</td> 171<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_a45701b1485b44c0f97505e521710d4de"><a name="zh-cn_topic_0000001173324665_a45701b1485b44c0f97505e521710d4de"></a><a name="zh-cn_topic_0000001173324665_a45701b1485b44c0f97505e521710d4de"></a>否</p> 172</td> 173<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_a5e442a4aedc84f0c95aa140a6ec8713c"><a name="zh-cn_topic_0000001173324665_a5e442a4aedc84f0c95aa140a6ec8713c"></a><a name="zh-cn_topic_0000001173324665_a5e442a4aedc84f0c95aa140a6ec8713c"></a>设置进度条的颜色。</p> 174</td> 175</tr> 176<tr id="zh-cn_topic_0000001173324665_rfadd2e86d5a547398a318b82fe88ddcd"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_ae2d0777495164c409e85313fdf1c6a78"><a name="zh-cn_topic_0000001173324665_ae2d0777495164c409e85313fdf1c6a78"></a><a name="zh-cn_topic_0000001173324665_ae2d0777495164c409e85313fdf1c6a78"></a>stroke-width</p> 177</td> 178<td class="cellrowborder" valign="top" width="11.941194119411943%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_ab0e2ad53dc6545fab26a0dcaedafadcf"><a name="zh-cn_topic_0000001173324665_ab0e2ad53dc6545fab26a0dcaedafadcf"></a><a name="zh-cn_topic_0000001173324665_ab0e2ad53dc6545fab26a0dcaedafadcf"></a><length></p> 179</td> 180<td class="cellrowborder" valign="top" width="26.672667266726673%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p163627544235"><a name="zh-cn_topic_0000001173324665_p163627544235"></a><a name="zh-cn_topic_0000001173324665_p163627544235"></a>4px</p> 181<p id="zh-cn_topic_0000001173324665_p149261166381"><a name="zh-cn_topic_0000001173324665_p149261166381"></a><a name="zh-cn_topic_0000001173324665_p149261166381"></a></p> 182</td> 183<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_a33f30b29f52e4f899dc0086815e1474c"><a name="zh-cn_topic_0000001173324665_a33f30b29f52e4f899dc0086815e1474c"></a><a name="zh-cn_topic_0000001173324665_a33f30b29f52e4f899dc0086815e1474c"></a>否</p> 184</td> 185<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_acd7ffaee82cb4bfcb75c4b4c87dc512b"><a name="zh-cn_topic_0000001173324665_acd7ffaee82cb4bfcb75c4b4c87dc512b"></a><a name="zh-cn_topic_0000001173324665_acd7ffaee82cb4bfcb75c4b4c87dc512b"></a>设置进度条的宽度。</p> 186</td> 187</tr> 188<tr id="zh-cn_topic_0000001173324665_row21738425241"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p02571753202620"><a name="zh-cn_topic_0000001173324665_p02571753202620"></a><a name="zh-cn_topic_0000001173324665_p02571753202620"></a>background-color</p> 189</td> 190<td class="cellrowborder" valign="top" width="11.941194119411943%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p8257155332614"><a name="zh-cn_topic_0000001173324665_p8257155332614"></a><a name="zh-cn_topic_0000001173324665_p8257155332614"></a><color></p> 191</td> 192<td class="cellrowborder" valign="top" width="26.672667266726673%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p1989061072811"><a name="zh-cn_topic_0000001173324665_p1989061072811"></a><a name="zh-cn_topic_0000001173324665_p1989061072811"></a>-</p> 193</td> 194<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p82571153192611"><a name="zh-cn_topic_0000001173324665_p82571153192611"></a><a name="zh-cn_topic_0000001173324665_p82571153192611"></a>否</p> 195</td> 196<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p106571314275"><a name="zh-cn_topic_0000001173324665_p106571314275"></a><a name="zh-cn_topic_0000001173324665_p106571314275"></a>设置进度条的背景色。</p> 197</td> 198</tr> 199<tr id="zh-cn_topic_0000001173324665_row517332532717"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p51731025172713"><a name="zh-cn_topic_0000001173324665_p51731025172713"></a><a name="zh-cn_topic_0000001173324665_p51731025172713"></a>secondary-color</p> 200</td> 201<td class="cellrowborder" valign="top" width="11.941194119411943%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p1617322572712"><a name="zh-cn_topic_0000001173324665_p1617322572712"></a><a name="zh-cn_topic_0000001173324665_p1617322572712"></a><color></p> 202</td> 203<td class="cellrowborder" valign="top" width="26.672667266726673%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p117332552710"><a name="zh-cn_topic_0000001173324665_p117332552710"></a><a name="zh-cn_topic_0000001173324665_p117332552710"></a>-</p> 204</td> 205<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p1917315255277"><a name="zh-cn_topic_0000001173324665_p1917315255277"></a><a name="zh-cn_topic_0000001173324665_p1917315255277"></a>否</p> 206</td> 207<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p2174122512271"><a name="zh-cn_topic_0000001173324665_p2174122512271"></a><a name="zh-cn_topic_0000001173324665_p2174122512271"></a>设置次级进度条的颜色。</p> 208</td> 209</tr> 210</tbody> 211</table> 212 213type=circular 214 215<a name="zh-cn_topic_0000001173324665_table1155720932812"></a> 216<table><thead align="left"><tr id="zh-cn_topic_0000001173324665_row1655719918284"><th class="cellrowborder" valign="top" width="15.841584158415841%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324665_p95572913285"><a name="zh-cn_topic_0000001173324665_p95572913285"></a><a name="zh-cn_topic_0000001173324665_p95572913285"></a>名称</p> 217</th> 218<th class="cellrowborder" valign="top" width="11.881188118811883%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324665_p75579962816"><a name="zh-cn_topic_0000001173324665_p75579962816"></a><a name="zh-cn_topic_0000001173324665_p75579962816"></a>类型</p> 219</th> 220<th class="cellrowborder" valign="top" width="26.732673267326728%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324665_p4557896289"><a name="zh-cn_topic_0000001173324665_p4557896289"></a><a name="zh-cn_topic_0000001173324665_p4557896289"></a>默认值</p> 221</th> 222<th class="cellrowborder" valign="top" width="6.9306930693069315%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324665_p75576914287"><a name="zh-cn_topic_0000001173324665_p75576914287"></a><a name="zh-cn_topic_0000001173324665_p75576914287"></a>必填</p> 223</th> 224<th class="cellrowborder" valign="top" width="38.613861386138616%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324665_p1055711952815"><a name="zh-cn_topic_0000001173324665_p1055711952815"></a><a name="zh-cn_topic_0000001173324665_p1055711952815"></a>描述</p> 225</th> 226</tr> 227</thead> 228<tbody><tr id="zh-cn_topic_0000001173324665_row755710910285"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p1055818912284"><a name="zh-cn_topic_0000001173324665_p1055818912284"></a><a name="zh-cn_topic_0000001173324665_p1055818912284"></a>color</p> 229</td> 230<td class="cellrowborder" valign="top" width="11.881188118811883%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p115587942811"><a name="zh-cn_topic_0000001173324665_p115587942811"></a><a name="zh-cn_topic_0000001173324665_p115587942811"></a><color></p> 231</td> 232<td class="cellrowborder" valign="top" width="26.732673267326728%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p14706141316531"><a name="zh-cn_topic_0000001173324665_p14706141316531"></a><a name="zh-cn_topic_0000001173324665_p14706141316531"></a>-</p> 233</td> 234<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p05583932819"><a name="zh-cn_topic_0000001173324665_p05583932819"></a><a name="zh-cn_topic_0000001173324665_p05583932819"></a>否</p> 235</td> 236<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p1955818992820"><a name="zh-cn_topic_0000001173324665_p1955818992820"></a><a name="zh-cn_topic_0000001173324665_p1955818992820"></a>loading进度条上的圆点颜色。</p> 237</td> 238</tr> 239</tbody> 240</table> 241 242type=ring, scale-ring 243 244<a name="zh-cn_topic_0000001173324665_table1537513464181"></a> 245<table><thead align="left"><tr id="zh-cn_topic_0000001173324665_row1237554618186"><th class="cellrowborder" valign="top" width="15.841584158415841%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324665_p637584661816"><a name="zh-cn_topic_0000001173324665_p637584661816"></a><a name="zh-cn_topic_0000001173324665_p637584661816"></a>名称</p> 246</th> 247<th class="cellrowborder" valign="top" width="24.152415241524153%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324665_p53751346191816"><a name="zh-cn_topic_0000001173324665_p53751346191816"></a><a name="zh-cn_topic_0000001173324665_p53751346191816"></a>类型</p> 248</th> 249<th class="cellrowborder" valign="top" width="14.461446144614461%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324665_p183751046171811"><a name="zh-cn_topic_0000001173324665_p183751046171811"></a><a name="zh-cn_topic_0000001173324665_p183751046171811"></a>默认值</p> 250</th> 251<th class="cellrowborder" valign="top" width="6.9306930693069315%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324665_p173752046131812"><a name="zh-cn_topic_0000001173324665_p173752046131812"></a><a name="zh-cn_topic_0000001173324665_p173752046131812"></a>必填</p> 252</th> 253<th class="cellrowborder" valign="top" width="38.613861386138616%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324665_p19375154617185"><a name="zh-cn_topic_0000001173324665_p19375154617185"></a><a name="zh-cn_topic_0000001173324665_p19375154617185"></a>描述</p> 254</th> 255</tr> 256</thead> 257<tbody><tr id="zh-cn_topic_0000001173324665_row1837534691818"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p3849195472110"><a name="zh-cn_topic_0000001173324665_p3849195472110"></a><a name="zh-cn_topic_0000001173324665_p3849195472110"></a>color</p> 258</td> 259<td class="cellrowborder" valign="top" width="24.152415241524153%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p14849205417213"><a name="zh-cn_topic_0000001173324665_p14849205417213"></a><a name="zh-cn_topic_0000001173324665_p14849205417213"></a><color> | <linear-gradient></p> 260</td> 261<td class="cellrowborder" valign="top" width="14.461446144614461%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p48495548218"><a name="zh-cn_topic_0000001173324665_p48495548218"></a><a name="zh-cn_topic_0000001173324665_p48495548218"></a>-</p> 262</td> 263<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p284914543213"><a name="zh-cn_topic_0000001173324665_p284914543213"></a><a name="zh-cn_topic_0000001173324665_p284914543213"></a>否</p> 264</td> 265<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p151721122192918"><a name="zh-cn_topic_0000001173324665_p151721122192918"></a><a name="zh-cn_topic_0000001173324665_p151721122192918"></a>环形进度条的颜色，ring类型支持线性渐变色设置。</p> 266<div class="note" id="zh-cn_topic_0000001173324665_note11079430164"><a name="zh-cn_topic_0000001173324665_note11079430164"></a><a name="zh-cn_topic_0000001173324665_note11079430164"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001173324665_p1010744361610"><a name="zh-cn_topic_0000001173324665_p1010744361610"></a><a name="zh-cn_topic_0000001173324665_p1010744361610"></a>线性渐变色仅支持两个颜色参数设置格式，如color = linear-gradient(#ff0000, #00ff00)。</p> 267</div></div> 268</td> 269</tr> 270<tr id="zh-cn_topic_0000001173324665_row14416102211213"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p7850135412217"><a name="zh-cn_topic_0000001173324665_p7850135412217"></a><a name="zh-cn_topic_0000001173324665_p7850135412217"></a>background-color</p> 271</td> 272<td class="cellrowborder" valign="top" width="24.152415241524153%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p188504547217"><a name="zh-cn_topic_0000001173324665_p188504547217"></a><a name="zh-cn_topic_0000001173324665_p188504547217"></a><color></p> 273</td> 274<td class="cellrowborder" valign="top" width="14.461446144614461%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p128500549213"><a name="zh-cn_topic_0000001173324665_p128500549213"></a><a name="zh-cn_topic_0000001173324665_p128500549213"></a>-</p> 275</td> 276<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p985015547217"><a name="zh-cn_topic_0000001173324665_p985015547217"></a><a name="zh-cn_topic_0000001173324665_p985015547217"></a>否</p> 277</td> 278<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p1585014540215"><a name="zh-cn_topic_0000001173324665_p1585014540215"></a><a name="zh-cn_topic_0000001173324665_p1585014540215"></a>环形进度条的背景色。</p> 279</td> 280</tr> 281<tr id="zh-cn_topic_0000001173324665_row1556129122116"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p178506545218"><a name="zh-cn_topic_0000001173324665_p178506545218"></a><a name="zh-cn_topic_0000001173324665_p178506545218"></a>secondary-color</p> 282</td> 283<td class="cellrowborder" valign="top" width="24.152415241524153%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p14850185442115"><a name="zh-cn_topic_0000001173324665_p14850185442115"></a><a name="zh-cn_topic_0000001173324665_p14850185442115"></a><color></p> 284</td> 285<td class="cellrowborder" valign="top" width="14.461446144614461%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p1285012546213"><a name="zh-cn_topic_0000001173324665_p1285012546213"></a><a name="zh-cn_topic_0000001173324665_p1285012546213"></a>-</p> 286</td> 287<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p6850654172116"><a name="zh-cn_topic_0000001173324665_p6850654172116"></a><a name="zh-cn_topic_0000001173324665_p6850654172116"></a>否</p> 288</td> 289<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p16850115482113"><a name="zh-cn_topic_0000001173324665_p16850115482113"></a><a name="zh-cn_topic_0000001173324665_p16850115482113"></a>环形次级进度条的颜色。</p> 290</td> 291</tr> 292<tr id="zh-cn_topic_0000001173324665_row109611629172118"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p639523362212"><a name="zh-cn_topic_0000001173324665_p639523362212"></a><a name="zh-cn_topic_0000001173324665_p639523362212"></a>stroke-width</p> 293</td> 294<td class="cellrowborder" valign="top" width="24.152415241524153%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p1239520334229"><a name="zh-cn_topic_0000001173324665_p1239520334229"></a><a name="zh-cn_topic_0000001173324665_p1239520334229"></a><length></p> 295</td> 296<td class="cellrowborder" valign="top" width="14.461446144614461%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p1798517818391"><a name="zh-cn_topic_0000001173324665_p1798517818391"></a><a name="zh-cn_topic_0000001173324665_p1798517818391"></a>10px</p> 297</td> 298<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p839517333229"><a name="zh-cn_topic_0000001173324665_p839517333229"></a><a name="zh-cn_topic_0000001173324665_p839517333229"></a>否</p> 299</td> 300<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p113951633172217"><a name="zh-cn_topic_0000001173324665_p113951633172217"></a><a name="zh-cn_topic_0000001173324665_p113951633172217"></a>环形进度条的宽度。</p> 301</td> 302</tr> 303<tr id="zh-cn_topic_0000001173324665_row6895103153610"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p2087515118365"><a name="zh-cn_topic_0000001173324665_p2087515118365"></a><a name="zh-cn_topic_0000001173324665_p2087515118365"></a>scale-width</p> 304</td> 305<td class="cellrowborder" valign="top" width="24.152415241524153%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p14875181119368"><a name="zh-cn_topic_0000001173324665_p14875181119368"></a><a name="zh-cn_topic_0000001173324665_p14875181119368"></a><length></p> 306</td> 307<td class="cellrowborder" valign="top" width="14.461446144614461%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p7875141183616"><a name="zh-cn_topic_0000001173324665_p7875141183616"></a><a name="zh-cn_topic_0000001173324665_p7875141183616"></a>-</p> 308</td> 309<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p68751411153613"><a name="zh-cn_topic_0000001173324665_p68751411153613"></a><a name="zh-cn_topic_0000001173324665_p68751411153613"></a>否</p> 310</td> 311<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p5875211113612"><a name="zh-cn_topic_0000001173324665_p5875211113612"></a><a name="zh-cn_topic_0000001173324665_p5875211113612"></a>带刻度的环形进度条的刻度粗细，类型为scale-ring生效。</p> 312</td> 313</tr> 314<tr id="zh-cn_topic_0000001173324665_row167446753610"><td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p1687516115364"><a name="zh-cn_topic_0000001173324665_p1687516115364"></a><a name="zh-cn_topic_0000001173324665_p1687516115364"></a>scale-number</p> 315</td> 316<td class="cellrowborder" valign="top" width="24.152415241524153%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p08765113363"><a name="zh-cn_topic_0000001173324665_p08765113363"></a><a name="zh-cn_topic_0000001173324665_p08765113363"></a>number</p> 317</td> 318<td class="cellrowborder" valign="top" width="14.461446144614461%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p7876131133618"><a name="zh-cn_topic_0000001173324665_p7876131133618"></a><a name="zh-cn_topic_0000001173324665_p7876131133618"></a>120</p> 319</td> 320<td class="cellrowborder" valign="top" width="6.9306930693069315%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p7876711133618"><a name="zh-cn_topic_0000001173324665_p7876711133618"></a><a name="zh-cn_topic_0000001173324665_p7876711133618"></a>否</p> 321</td> 322<td class="cellrowborder" valign="top" width="38.613861386138616%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p1687671117364"><a name="zh-cn_topic_0000001173324665_p1687671117364"></a><a name="zh-cn_topic_0000001173324665_p1687671117364"></a>带刻度的环形进度条的刻度数量，类型为scale-ring生效。</p> 323</td> 324</tr> 325</tbody> 326</table> 327 328type=arc 329 330<a name="zh-cn_topic_0000001173324665_table146111227294"></a> 331<table><thead align="left"><tr id="zh-cn_topic_0000001173324665_row961102182918"><th class="cellrowborder" valign="top" width="20.842084208420843%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324665_p1561114219295"><a name="zh-cn_topic_0000001173324665_p1561114219295"></a><a name="zh-cn_topic_0000001173324665_p1561114219295"></a>名称</p> 332</th> 333<th class="cellrowborder" valign="top" width="12.221222122212222%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324665_p1661116214291"><a name="zh-cn_topic_0000001173324665_p1661116214291"></a><a name="zh-cn_topic_0000001173324665_p1661116214291"></a>类型</p> 334</th> 335<th class="cellrowborder" valign="top" width="13.851385138513853%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324665_p86111628290"><a name="zh-cn_topic_0000001173324665_p86111628290"></a><a name="zh-cn_topic_0000001173324665_p86111628290"></a>默认值</p> 336</th> 337<th class="cellrowborder" valign="top" width="11.08110811081108%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324665_p126111820294"><a name="zh-cn_topic_0000001173324665_p126111820294"></a><a name="zh-cn_topic_0000001173324665_p126111820294"></a>必填</p> 338</th> 339<th class="cellrowborder" valign="top" width="42.004200420042004%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324665_p16611172162919"><a name="zh-cn_topic_0000001173324665_p16611172162919"></a><a name="zh-cn_topic_0000001173324665_p16611172162919"></a>描述</p> 340</th> 341</tr> 342</thead> 343<tbody><tr id="zh-cn_topic_0000001173324665_row161172152916"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p1732210516366"><a name="zh-cn_topic_0000001173324665_p1732210516366"></a><a name="zh-cn_topic_0000001173324665_p1732210516366"></a>color</p> 344</td> 345<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p18322145153610"><a name="zh-cn_topic_0000001173324665_p18322145153610"></a><a name="zh-cn_topic_0000001173324665_p18322145153610"></a><color></p> 346</td> 347<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p1389016133339"><a name="zh-cn_topic_0000001173324665_p1389016133339"></a><a name="zh-cn_topic_0000001173324665_p1389016133339"></a>-</p> 348<p id="zh-cn_topic_0000001173324665_p23221751143616"><a name="zh-cn_topic_0000001173324665_p23221751143616"></a><a name="zh-cn_topic_0000001173324665_p23221751143616"></a></p> 349</td> 350<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p432255116368"><a name="zh-cn_topic_0000001173324665_p432255116368"></a><a name="zh-cn_topic_0000001173324665_p432255116368"></a>否</p> 351</td> 352<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p2322051193614"><a name="zh-cn_topic_0000001173324665_p2322051193614"></a><a name="zh-cn_topic_0000001173324665_p2322051193614"></a>弧形进度条的颜色。</p> 353</td> 354</tr> 355<tr id="zh-cn_topic_0000001173324665_row615084732920"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p19233161103811"><a name="zh-cn_topic_0000001173324665_p19233161103811"></a><a name="zh-cn_topic_0000001173324665_p19233161103811"></a>background-color</p> 356</td> 357<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p1223319112386"><a name="zh-cn_topic_0000001173324665_p1223319112386"></a><a name="zh-cn_topic_0000001173324665_p1223319112386"></a><color></p> 358</td> 359<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p137148216342"><a name="zh-cn_topic_0000001173324665_p137148216342"></a><a name="zh-cn_topic_0000001173324665_p137148216342"></a>-</p> 360<p id="zh-cn_topic_0000001173324665_p7233111133814"><a name="zh-cn_topic_0000001173324665_p7233111133814"></a><a name="zh-cn_topic_0000001173324665_p7233111133814"></a></p> 361</td> 362<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p1723371143810"><a name="zh-cn_topic_0000001173324665_p1723371143810"></a><a name="zh-cn_topic_0000001173324665_p1723371143810"></a>否</p> 363</td> 364<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p6233511381"><a name="zh-cn_topic_0000001173324665_p6233511381"></a><a name="zh-cn_topic_0000001173324665_p6233511381"></a>弧形进度条的背景色。</p> 365</td> 366</tr> 367<tr id="zh-cn_topic_0000001173324665_row142659209408"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p98738424715"><a name="zh-cn_topic_0000001173324665_p98738424715"></a><a name="zh-cn_topic_0000001173324665_p98738424715"></a>stroke-width</p> 368</td> 369<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p1687319424713"><a name="zh-cn_topic_0000001173324665_p1687319424713"></a><a name="zh-cn_topic_0000001173324665_p1687319424713"></a><length></p> 370</td> 371<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p10840175014427"><a name="zh-cn_topic_0000001173324665_p10840175014427"></a><a name="zh-cn_topic_0000001173324665_p10840175014427"></a>4px</p> 372</td> 373<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p1873342671"><a name="zh-cn_topic_0000001173324665_p1873342671"></a><a name="zh-cn_topic_0000001173324665_p1873342671"></a>否</p> 374</td> 375<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p188730421175"><a name="zh-cn_topic_0000001173324665_p188730421175"></a><a name="zh-cn_topic_0000001173324665_p188730421175"></a>弧形进度条的宽度。</p> 376<div class="note" id="zh-cn_topic_0000001173324665_note1436241013318"><a name="zh-cn_topic_0000001173324665_note1436241013318"></a><a name="zh-cn_topic_0000001173324665_note1436241013318"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001173324665_p43626101533"><a name="zh-cn_topic_0000001173324665_p43626101533"></a><a name="zh-cn_topic_0000001173324665_p43626101533"></a>进度条宽度越大，进度条越靠近圆心，进度条始终在半径区域内。</p> 377</div></div> 378</td> 379</tr> 380<tr id="zh-cn_topic_0000001173324665_row1280652394013"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p1192581376"><a name="zh-cn_topic_0000001173324665_p1192581376"></a><a name="zh-cn_topic_0000001173324665_p1192581376"></a>start-angle</p> 381</td> 382<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p1719258277"><a name="zh-cn_topic_0000001173324665_p1719258277"></a><a name="zh-cn_topic_0000001173324665_p1719258277"></a><deg></p> 383</td> 384<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p320958271"><a name="zh-cn_topic_0000001173324665_p320958271"></a><a name="zh-cn_topic_0000001173324665_p320958271"></a>240</p> 385</td> 386<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p16203581878"><a name="zh-cn_topic_0000001173324665_p16203581878"></a><a name="zh-cn_topic_0000001173324665_p16203581878"></a>否</p> 387</td> 388<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p112012582717"><a name="zh-cn_topic_0000001173324665_p112012582717"></a><a name="zh-cn_topic_0000001173324665_p112012582717"></a>弧形进度条起始角度，以时钟0点为基线，取值范围为0到360（顺时针）。</p> 389</td> 390</tr> 391<tr id="zh-cn_topic_0000001173324665_row16108193116405"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p204511458375"><a name="zh-cn_topic_0000001173324665_p204511458375"></a><a name="zh-cn_topic_0000001173324665_p204511458375"></a>total-angle</p> 392</td> 393<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p154521558371"><a name="zh-cn_topic_0000001173324665_p154521558371"></a><a name="zh-cn_topic_0000001173324665_p154521558371"></a><deg></p> 394</td> 395<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p74521558678"><a name="zh-cn_topic_0000001173324665_p74521558678"></a><a name="zh-cn_topic_0000001173324665_p74521558678"></a>240</p> 396</td> 397<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p14521158774"><a name="zh-cn_topic_0000001173324665_p14521158774"></a><a name="zh-cn_topic_0000001173324665_p14521158774"></a>否</p> 398</td> 399<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p745211583716"><a name="zh-cn_topic_0000001173324665_p745211583716"></a><a name="zh-cn_topic_0000001173324665_p745211583716"></a>弧形进度条总长度，范围为-360到360，负数标识起点到终点为逆时针。</p> 400</td> 401</tr> 402<tr id="zh-cn_topic_0000001173324665_row132153110406"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p2489145710819"><a name="zh-cn_topic_0000001173324665_p2489145710819"></a><a name="zh-cn_topic_0000001173324665_p2489145710819"></a>center-x</p> 403</td> 404<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p1378435564714"><a name="zh-cn_topic_0000001173324665_p1378435564714"></a><a name="zh-cn_topic_0000001173324665_p1378435564714"></a><length></p> 405</td> 406<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p548911574817"><a name="zh-cn_topic_0000001173324665_p548911574817"></a><a name="zh-cn_topic_0000001173324665_p548911574817"></a>弧形进度条宽度的一半</p> 407</td> 408<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p144897571081"><a name="zh-cn_topic_0000001173324665_p144897571081"></a><a name="zh-cn_topic_0000001173324665_p144897571081"></a>否</p> 409</td> 410<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p154894570813"><a name="zh-cn_topic_0000001173324665_p154894570813"></a><a name="zh-cn_topic_0000001173324665_p154894570813"></a>弧形进度条中心位置，（坐标原点为组件左上角顶点）。该样式需要和center-y和radius一起使用。</p> 411</td> 412</tr> 413<tr id="zh-cn_topic_0000001173324665_row1488143111409"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p1898218571884"><a name="zh-cn_topic_0000001173324665_p1898218571884"></a><a name="zh-cn_topic_0000001173324665_p1898218571884"></a>center-y</p> 414</td> 415<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p76431057204714"><a name="zh-cn_topic_0000001173324665_p76431057204714"></a><a name="zh-cn_topic_0000001173324665_p76431057204714"></a><length></p> 416</td> 417<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p4982557182"><a name="zh-cn_topic_0000001173324665_p4982557182"></a><a name="zh-cn_topic_0000001173324665_p4982557182"></a>弧形进度条高度的一半</p> 418</td> 419<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p1982165710812"><a name="zh-cn_topic_0000001173324665_p1982165710812"></a><a name="zh-cn_topic_0000001173324665_p1982165710812"></a>否</p> 420</td> 421<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p09827579819"><a name="zh-cn_topic_0000001173324665_p09827579819"></a><a name="zh-cn_topic_0000001173324665_p09827579819"></a>弧形进度条中心位置，（坐标原点为组件左上角顶点）。该样式需要和center-x和radius一起使用。</p> 422</td> 423</tr> 424<tr id="zh-cn_topic_0000001173324665_row294916317406"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p1073135912815"><a name="zh-cn_topic_0000001173324665_p1073135912815"></a><a name="zh-cn_topic_0000001173324665_p1073135912815"></a>radius</p> 425</td> 426<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p6732759386"><a name="zh-cn_topic_0000001173324665_p6732759386"></a><a name="zh-cn_topic_0000001173324665_p6732759386"></a><length></p> 427</td> 428<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p127321959086"><a name="zh-cn_topic_0000001173324665_p127321959086"></a><a name="zh-cn_topic_0000001173324665_p127321959086"></a>弧形进度条宽高最小值的一半</p> 429</td> 430<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p197325591783"><a name="zh-cn_topic_0000001173324665_p197325591783"></a><a name="zh-cn_topic_0000001173324665_p197325591783"></a>否</p> 431</td> 432<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p2732759982"><a name="zh-cn_topic_0000001173324665_p2732759982"></a><a name="zh-cn_topic_0000001173324665_p2732759982"></a>弧形进度条半径，该样式需要和center-x和center-y一起使用。</p> 433</td> 434</tr> 435</tbody> 436</table> 437 438type=eclipse<sup>5+</sup> 439 440<a name="zh-cn_topic_0000001173324665_table5191155852510"></a> 441<table><thead align="left"><tr id="zh-cn_topic_0000001173324665_row119205815258"><th class="cellrowborder" valign="top" width="20.842084208420843%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324665_p1719211587252"><a name="zh-cn_topic_0000001173324665_p1719211587252"></a><a name="zh-cn_topic_0000001173324665_p1719211587252"></a>名称</p> 442</th> 443<th class="cellrowborder" valign="top" width="12.221222122212222%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324665_p15192185817259"><a name="zh-cn_topic_0000001173324665_p15192185817259"></a><a name="zh-cn_topic_0000001173324665_p15192185817259"></a>类型</p> 444</th> 445<th class="cellrowborder" valign="top" width="13.851385138513853%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324665_p11192125852514"><a name="zh-cn_topic_0000001173324665_p11192125852514"></a><a name="zh-cn_topic_0000001173324665_p11192125852514"></a>默认值</p> 446</th> 447<th class="cellrowborder" valign="top" width="11.08110811081108%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324665_p16192155813256"><a name="zh-cn_topic_0000001173324665_p16192155813256"></a><a name="zh-cn_topic_0000001173324665_p16192155813256"></a>必填</p> 448</th> 449<th class="cellrowborder" valign="top" width="42.004200420042004%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324665_p91921583256"><a name="zh-cn_topic_0000001173324665_p91921583256"></a><a name="zh-cn_topic_0000001173324665_p91921583256"></a>描述</p> 450</th> 451</tr> 452</thead> 453<tbody><tr id="zh-cn_topic_0000001173324665_row1819265882513"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p181923589254"><a name="zh-cn_topic_0000001173324665_p181923589254"></a><a name="zh-cn_topic_0000001173324665_p181923589254"></a>color</p> 454</td> 455<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p11192258182515"><a name="zh-cn_topic_0000001173324665_p11192258182515"></a><a name="zh-cn_topic_0000001173324665_p11192258182515"></a><color></p> 456</td> 457<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p519235819253"><a name="zh-cn_topic_0000001173324665_p519235819253"></a><a name="zh-cn_topic_0000001173324665_p519235819253"></a>-</p> 458</td> 459<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p19192115802515"><a name="zh-cn_topic_0000001173324665_p19192115802515"></a><a name="zh-cn_topic_0000001173324665_p19192115802515"></a>否</p> 460</td> 461<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p1019225811258"><a name="zh-cn_topic_0000001173324665_p1019225811258"></a><a name="zh-cn_topic_0000001173324665_p1019225811258"></a>圆形进度条的颜色。</p> 462</td> 463</tr> 464<tr id="zh-cn_topic_0000001173324665_row11920586256"><td class="cellrowborder" valign="top" width="20.842084208420843%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324665_p719210585259"><a name="zh-cn_topic_0000001173324665_p719210585259"></a><a name="zh-cn_topic_0000001173324665_p719210585259"></a>background-color</p> 465</td> 466<td class="cellrowborder" valign="top" width="12.221222122212222%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324665_p121920588253"><a name="zh-cn_topic_0000001173324665_p121920588253"></a><a name="zh-cn_topic_0000001173324665_p121920588253"></a><color></p> 467</td> 468<td class="cellrowborder" valign="top" width="13.851385138513853%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324665_p16193125814250"><a name="zh-cn_topic_0000001173324665_p16193125814250"></a><a name="zh-cn_topic_0000001173324665_p16193125814250"></a>-</p> 469</td> 470<td class="cellrowborder" valign="top" width="11.08110811081108%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324665_p4193115813254"><a name="zh-cn_topic_0000001173324665_p4193115813254"></a><a name="zh-cn_topic_0000001173324665_p4193115813254"></a>否</p> 471</td> 472<td class="cellrowborder" valign="top" width="42.004200420042004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324665_p1319395813257"><a name="zh-cn_topic_0000001173324665_p1319395813257"></a><a name="zh-cn_topic_0000001173324665_p1319395813257"></a>弧形进度条的背景色。</p> 473</td> 474</tr> 475</tbody> 476</table> 477 478## 事件<a name="zh-cn_topic_0000001173324665_section16580153964314"></a> 479 480支持[通用事件](js-components-common-events.md)。 481 482## 方法<a name="zh-cn_topic_0000001173324665_section2279124532420"></a> 483 484支持[通用方法](js-components-common-methods.md)。 485 486## 示例<a name="zh-cn_topic_0000001173324665_section493033510346"></a> 487 488``` 489<!--xxx.hml --> 490<div class="container"> 491 <progress class="min-progress" type="scale-ring" percent= "10" secondarypercent="50"></progress> 492 <progress class="min-progress" type="horizontal" percent= "10" secondarypercent="50"></progress> 493 <progress class="min-progress" type="arc" percent= "10"></progress> 494 <progress class="min-progress" type="ring" percent= "10" secondarypercent="50"></progress> 495</div> 496``` 497 498``` 499/* xxx.css */ 500.container { 501 flex-direction: column; 502 height: 100%; 503 width: 100%; 504 align-items: center; 505} 506.min-progress { 507 width: 300px; 508 height: 300px; 509} 510``` 511 512 513 514
