Progress.rocks

Anında güzel, dinamik SVG ilerleme çubukları oluşturun. Dokümantasyon, panolar ve ilerlemeyi görselleştirmeniz gereken her yer için mükemmel.

🚀 Hızlı Başlangıç

Sadece kullan: https://progress.rocks/{value}/

Dene:: https://progress.rocks/75/ %75 ilerleme

📋 Parametreler

Parametre Açıklama Varsayılan
title Sol tarafta görüntülenen etiket metni Hiçbiri
scale Maksimum değer (100 olduğunda değerleri yüzde yapar) 100
width İlerleme çubuğu bölümünün piksel cinsinden genişliği 90 (başlıkla 60)
color Başlık bölümü için onaltılık renk #428bca
suffix İlerleme değerinden sonraki metin son eki %

Örnekler

Temel İlerleme

%75 ilerleme
Basit %75 ilerleme
https://progress.rocks/75/
%42.7 ilerleme
Ondalık hassasiyet
https://progress.rocks/42.7/

Başlıklarla

%85 Kapsama
Test kapsamı ilerlemesi
https://progress.rocks/85/?title=Kapsama
%67 Derleme
Derleme durumu
https://progress.rocks/67/?title=Build

Özel Ölçekler

$15420 Toplanan
Bağış toplama ilerlemesi
https://progress.rocks/15420/?scale=25000&suffix=$&title=Toplanan
7/10 Ders
Öğrenme ilerlemesi
https://progress.rocks/7/?scale=10&suffix=/10&title=Ders
1337pts Puan
Oyun puanı
https://progress.rocks/1337/?scale=2000&suffix=pts&title=Puan

Sistem İzleme

%72 CPU
CPU kullanımı
https://progress.rocks/72/?title=CPU
120GB Disk Alanı
Disk alanı kullanımı
https://progress.rocks/120/?title=Disk Alanı&scale=250&suffix=GB

Özel Stil

%67 Özel
Özel renk
https://progress.rocks/67/?title=Özel&color=ff6b6b
%67.65 Kurulum İlerlemesi
Geniş Çubuk
https://progress.rocks/67.65/?title=Kurulum İlerlemesi&width=300

Entegrasyon

Markdown

![Progress](https://progress.rocks/67/?title=Proje)

HTML

<img src="/85/?title=Tamamlandı" alt="85% Complete">

Doğrudan Bağlantı

https://progress.rocks/75/