Holat va javob · primitive
Sahifa yuklaniş çiziği
Sahifa tepasida ingiçka çiziq: navigatsiya yoki katta yuklaniş ketayotganini körsatadi. Aniqlanmagan (yurib ötadi) yoki aniq (--_value).
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-state | determinate | indeterminate |
Anatomiya
- root
.fx-toploaderşart - bar
.fx-toploader__barşart
Holatlar
hidden
Klaviatura va kiriş
role="progressbar" + aria-label; aniq bölsa aria-valuenow. Dekorativ işlatilsa aria-hidden va ota aria-busy.
Kod
AI uçun: qaçon işlatiladi
npx foxui add toploader
<div class="fx-toploader" role="progressbar" aria-label="Sahifa yuklanmoqda"><span class="fx-toploader__bar"></span></div> <div class="fx-toploader" data-state="determinate" role="progressbar" aria-label="Yuklanmoqda" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="--_value: 60%; inset-block-start: 8px"><span class="fx-toploader__bar"></span></div>
Tokenlar: --fx-bg-brand-solid --fx-border-width-focus --fx-duration-indeterminate --fx-duration-pulse --fx-ease-standard --fx-motion-base
Şu toifadan
OgohlantirişBölim yoki sahifadagi muhim xabar: töla tusli yuza, holat belgisi (şakl), sarlavha, matn, bitta havola, ixtiyoriy yopiş.Tasdiqlaş sörovi (ruxsat / rad)Agent xavfli yoki qaytarib bölmaydigan amaldan oldin ruxsat söraydi: savol, nima özgarişi (tafsilot) va Ruxsat beriş / Rad etiş / Har doim ruxsat.BannerButun kenglikdagi sayt e'loni (texnik işlar, obuna tugadi): holat belgisi (şakl), qisqa matn, bitta havola, yopiş.Portlaş va konfettiYoqtiriş va muvaffaqiyat uçun qisqa, bir martalik quvonç effektlari (Magic UI Confetti, Twitter «yoqdi»).Boşlaş röyxatiYangi foydalanuvçi uçun onboarding kartasi: jarayon çiziği va «2 / 5», qadamlar röyxati.Cookie roziligiCookie va kuzatuv roziligi naqşi (4.180, GOV.UK Cookie banner; GDPR 2-bosqiç uçun): pastki karta — nima uçun cookie kerakligi bir-ikki gapda, «Qabul qiliş», «Rad etiş» (bir xil vaznli — rad etiş yaşirilmaydi) va «Sozlaş».