LivaProgress

Bir işlemin tamamlanma oranını gösteren yatay ilerleme çubuğu. Çubuğun doluluk yüzdesi value / max oranından hesaplanır ve 0–100 aralığına sıkıştırılır; showText açıkken değerin yanında % etiketi görüntülenir.

import { LivaProgress } from "@dataliva/livalib";

Temel kullanım

Yalnızca value zorunludur; varsayılan max değeri 100'dür.

Varyantlar

variant çubuğun rengini belirler: primary, success, warning, danger.

Metin, yükseklik ve max

showText={false} yüzde etiketini gizler; height çubuk kalınlığını, width bileşen genişliğini kontrol eder. max ile 100 dışındaki ölçekler kullanılabilir — son örnekte 2/8 oranı çubuğu %25 doldurur.

Not: showText etiketi ham value değerini % sonekiyle gösterir. max 100'den farklıysa etiket yanıltıcı olabileceği için gizlenmesi önerilir.

Etkileşimli ilerleme

Yukarıdaki örnekte değer useState ile tutulur; %100'e ulaşınca varyant success'e döner.