16a23e08bSopenharmony_ci<div class="container"> 26a23e08bSopenharmony_ci <!-- image_test --> 36a23e08bSopenharmony_ci <image alt="img" src="{{src}}"></image> 46a23e08bSopenharmony_ci 56a23e08bSopenharmony_ci <!-- progress_test_1 --> 66a23e08bSopenharmony_ci <progress type="horizontal" percent="{{percent}}" secondarypercent="{{secondarypercent}}"></progress> 76a23e08bSopenharmony_ci 86a23e08bSopenharmony_ci <!-- progress_test_2 --> 96a23e08bSopenharmony_ci <progress type="scale-ring" percent="{{percent}}" secondarypercent="{{secondarypercent}}" clockwise="{{clockwise}}"></progress> 106a23e08bSopenharmony_ci 116a23e08bSopenharmony_ci <!-- progress_test_3 --> 126a23e08bSopenharmony_ci <progress type="arc" percent="{{percent}}"></progress> 136a23e08bSopenharmony_ci 146a23e08bSopenharmony_ci <!-- chart_test --> 156a23e08bSopenharmony_ci <chart type="line" options="{{options}}" datasets="{{datasets}}"></chart> 166a23e08bSopenharmony_ci 176a23e08bSopenharmony_ci <!-- button_test --> 186a23e08bSopenharmony_ci <button type="capsule" value="{{value}}" icon="{{icon}}" value="{{value}}"></button> 196a23e08bSopenharmony_ci</div>