Indikator progres adalah tampilan melingkar dari durasi proses atau waktu tunggu yang tidak ditentukan.
Gunakan indikator kemajuan untuk menunjukkan proporsi tugas yang telah selesai. Untuk menampilkan progres, indikator dianimasikan di sepanjang jalur melingkar searah jarum jam.
Anda dapat menerapkan indikator progres ke komponen seperti tombol putar.
Anatomi
Gunakan indikator kemajuan untuk menunjukkan proporsi tugas yang telah selesai. Untuk menampilkan progres, indikator dianimasikan di sepanjang jalur melingkar searah jarum jam.
Anda dapat menerapkan indikator progres ke komponen seperti tombol putar.
Rekomendasi desain
Indikator progres dengan kesenjangan
Buat indikator progres dengan jeda untuk menyisakan ruang untuk informasi penting seperti waktu. Untuk membuat gap, ubah startAngle dan endAngle indikator progres.
Indikator progres kecil
Buat indikator progres dengan jeda untuk menyisakan ruang untuk informasi penting seperti waktu. Buat celah dengan mengubah sudut awal dan akhir indikator progres.
Indikator progres tidak tentu
Saat menggunakan indikator progres untuk situasi ketika tidak ada waktu yang ditetapkan, gunakan indikator progres dengan nilai animasi. Ini juga bisa disebut indikator lingkaran berputar. Gunakan indikator lingkaran berputar seperlunya karena dapat meningkatkan waktu tunggu yang dirasakan.
Penggunaan
Tata letak adaptif
Perilaku responsif
Lingkar indikator progres mengisi lebar dan tinggi layar/elemen (untuk tombol aktif), secara proporsional, sementara lebar goresan tetap sama di semua titik henti sementara.
Derajat celah untuk layar penuh tetap pada 51°, tetapi sweep akan meningkat dalam dp berdasarkan ukuran layar.
Lebar cincin serta titik awal dan akhir dapat disesuaikan.
