Skip to content

pantoken / renderers/web-components/src / progress

متغير: progress

const progress: ElementDefinition

ألفا

<instui-progress> — مؤشر أفقي مدعوم بواسطة دلالات <progress> أو <meter> الأصلية.

value-now/value تتحكمان في --value، بينما min و value-max/max تتحكمان في النطاق. الحد الأدنى الصفري يعرض <progress> أصلي؛ الحد الأدنى غير الصفري يعرض <meter>. أضف السمة البولية should-animate لانتقال تغييرات المقياس خلال نصف ثانية. يقوم variant بربط المكوّن بـ -color-<variant> و label يوفر اسمه القابل للوصول.

مثال

html
<instui-progress value-now="40" value-max="60" variant="success" should-animate></instui-progress>