CircularProgressDairesel İlerleme

Dairesel ilerleme, veri yükleme veya form gönderme gibi görevlerin ilerlemesini göstermek için kullanılan dairesel bir bileşendir.

Kullanım Şekli

Bileşeni ihtiyacınıza göre içe aktarın:

import 'mdui/components/circular-progress.js';

Bileşenin TypeScript türünü ihtiyacınıza göre içe aktarın:

import type { CircularProgress } from 'mdui/components/circular-progress.js';

Kullanım örneği:

<mdui-circular-progress></mdui-circular-progress>

Örnekler

Sabit İlerleme

Dairesel ilerleme varsayılan olarak belirsiz bir ilerlemeye sahiptir. Geçerli ilerlemeyi value özniteliği aracılığıyla ayarlayabilirsiniz. Varsayılan maksimum ilerleme değeri 1'dir.

<mdui-circular-progress value="0.5"></mdui-circular-progress>

Kaynak Kodu

İlerlemenin maksimum değerini max özniteliği aracılığıyla ayarlayabilirsiniz.

<mdui-circular-progress value="30" max="100"></mdui-circular-progress>

Kaynak Kodu

API

Özellikler

Öznitelik	Özellik	Tür	Varsayılan
`max`	`max`	`number`	`1`
İlerleme göstergesinin maksimum değeri. Varsayılan `1`'dir.
`value`	`value`	`number`	-
İlerleme göstergesinin geçerli değeri. Bu değer belirtilmezse, belirsiz durumda görüntülenir.

Önceki Bölüm

Chip Chip

Sonraki Bölüm

Collapse Collapse