مقاييس Angular للتقدّم والمقياس والحلقة | ng-hub-ui-metrics

عناصر مقاييس Angular للقراءة فقط — شريط تقدّم خطّي، ومقياس متدرّج، وعدّاد حلقي دائري — مدفوعة برموز نظام التصميم مع دلالات ARIA كاملة.

أمثلة تفاعلية

استكشف أمثلة حيّة توضّح كيف تتصرّف المكتبة في حالات استخدام Angular الشائعة.

أشرطة التقدّم

Determinate progress with value labelsDocuments92%Images68%Videos34%Archives12%
Size scale
IndeterminateSyncing workspace

المقاييس المتدرّجة

Primary storage40% used
Media library90% used
Battery reserve10% left

العدّادات الحلقية

92%Coverage
58%Performance
34%SEO
A+Custom caption

التنسيق عبر mixin والألوان الدلالية

Semantic colours — the color input reads the design-system --hub-sys-color-* familiesprimary70%success70%warning70%danger70%neutral70%
Custom theme — one hub-metrics-theme() include retints all three primitives at once (see the CSS tab)
Coverage64%86%Score