Langkau ke kandungan

Bar Kemajuan ​

Bar kemajuan linear. Tetapkan percent dari 0.0 hingga 1.0.

Komponen a-sxr-progress-bar ​

Sifat ​

SifatPeneranganNilai Lalai
background-colorWarna latar belakang bar kemajuan#202127
active-colorWarna yang menunjukkan tahap kemajuan#2563EB
percentJumlah kemajuan, dari 0.0 hingga 1.00.5
heightTinggi item1
widthLebar item1
marginMargin di sekeliling item0 0 0 0
html
<a-sxr-progressbar
	width="2.5" height="0.25"
	percent="0.4"
	margin="0 0 0.05 0"
>
</a-sxr-progressbar>

Nama primitif

Komponen ialah sxr-progress-bar tetapi primitif ialah a-sxr-progressbar (tiada tanda sempang antara progress dengan bar).

Mengemas kini kemajuan ​

percent boleh dikemas kini secara langsung:

js
progressbar.setAttribute('percent', '0.8')

Isian dianimasikan kepada nilai baharu tanpa mencipta semula widget.

Alternatif bulatan ​

Untuk penunjuk berbentuk gelang, gunakan Penunjuk Kemajuan Bulatan, atau Pemasa Bulatan untuk gelang kira detik.