رفتن به محتوا
پیوند

نوار پیشرفت

می‌گوید کار تا کجا پیش رفته و چقدر مانده است.

گونه‌ها و تون‌ها

جهت نمونه‌ها
تم نمونه‌ها
گونهprimaryneutralerror
معین
بارگذاری رسید۶۰٪
بارگذاری رسید۶۰٪
بارگذاری رسید۶۰٪
نامعین
بارگذاری رسید
بارگذاری رسید
بارگذاری رسید
اسپینر
بارگذاری رسید
بارگذاری رسید
بارگذاری رسید

اندازه‌ها

بارگذاری رسید۶۰٪
کوچک
بارگذاری رسید۶۰٪
متوسط
بارگذاری رسید۶۰٪
بزرگ
کوچک
متوسط
بزرگ

محتوا

بارگذاری رسید
بدون درصد
بارگذاری رسید۶۰٪
با درصد

حرکت

حرکت نوار پیشرفت درجاست: پر شدنش در ۳۰۰ میلی‌ثانیه به عدد تازه می‌رسد. نوار نامعین هر ۱۲۰۰ میلی‌ثانیه یک بار از یک سر ریل به سر دیگرش می‌رود و اسپینر هر ۸۰۰ میلی‌ثانیه یک دور می‌زند.

ساختار

ساخته شده از
از هیچ کامپوننت دیگری استفاده نمی‌کند و فقط از توکن‌ها و آیکون‌ها ساخته شده است.
توکن‌ها
  • رنگcolor-error, color-on-surface, color-on-surface-variant, color-primary, color-surface-container-highest
  • تایپوگرافیtypography-label-large-font-family, typography-label-large-font-size, typography-label-large-font-variation-settings, typography-label-large-font-weight, typography-label-large-letter-spacing, typography-label-large-line-height, typography-label-medium-font-size, typography-label-medium-line-height
  • فاصلهspace-10, space-2, space-3
  • اندازهicon-size-16, icon-size-24, size-track-lg, size-track-md, size-track-sm
  • فرم و حاشیهshape-corner-full
  • حرکتmotion-easing-linear, motion-easing-loop, motion-loop-pulse, motion-loop-spin, motion-loop-travel, motion-transition-medium
به کار رفته در
هنوز هیچ جزء بزرگ‌تری از آن استفاده نمی‌کند.