LinearProgressDoğrusal İlerleme

Doğrusal ilerleme, veri yükleme veya form gönderme gibi görevlerin ilerlemesini kullanıcıya göstermek için kullanılan yatay bir göstergedir.

Kullanım Şekli

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

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

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

import type { LinearProgress } from 'mdui/components/linear-progress.js';

Kullanım örneği:

<mdui-linear-progress></mdui-linear-progress>

Örnekler

İlerleme Ayarlama

Doğrusal 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-linear-progress value="0.5"></mdui-linear-progress>

Kaynak Kodu

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

<mdui-linear-progress value="30" max="100"></mdui-linear-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 durumdadır.

CSS Parts

Ad
`indicator`
Gösterge kısmı.

CSS Custom Property

Ad
`--shape-corner`
Bileşenin köşe yuvarlaklık boyutu. Belirli bir piksel değeri belirtilebilir; ancak Design Tokens'a başvurmanız önerilir.

Önceki Bölüm

Layout Layout

Sonraki Bölüm

List Liste