Progress.rocks

צור פסי התקדמות SVG יפים ודינאמיים מיידית. מושלם לתיעוד, לוחות מחוונים וכל מקום שבו אתה צריך לדמיין התקדמות.

🚀 התחלה מהירה

פשוט השתמש: https://progress.rocks/{value}/

נסה את זה:: https://progress.rocks/75/ 75% התקדמות

📋 פרמטרים

פרמטר תיאור ברירת מחדל
title טקסט תווית המוצג בצד שמאל ללא
scale ערך מקסימלי (הופך ערכים לאחוזים כאשר 100) 100
width רוחב חלק פס ההתקדמות בפיקסלים 90 (60 עם כותרת)
color צבע הקסדצימלי לקטע הכותרת #428bca
suffix סיומת טקסט אחרי ערך ההתקדמות %

דוגמאות

התקדמות בסיסית

75% התקדמות
התקדמות פשוטה 75%
https://progress.rocks/75/
42.7% התקדמות
דיוק עשרוני
https://progress.rocks/42.7/

עם כותרות

85% כיסוי
התקדמות כיסוי בדיקות
https://progress.rocks/85/?title=כיסוי
67% בנייה
סטטוס בנייה
https://progress.rocks/67/?title=Build

סקאלות מותאמות אישית

$15420 נגבה
התקדמות גיוס כספים
https://progress.rocks/15420/?scale=25000&suffix=$&title=נגבה
7/10 שיעורים
התקדמות למידה
https://progress.rocks/7/?scale=10&suffix=/10&title=שיעורים
1337pts ציון
ציון משחק
https://progress.rocks/1337/?scale=2000&suffix=pts&title=ציון

ניטור מערכת

72% מעבד
שימוש במעבד
https://progress.rocks/72/?title=CPU
120GB שטח דיסק
שימוש בשטח דיסק
https://progress.rocks/120/?title=שטח דיסק&scale=250&suffix=GB

עיצוב מותאם אישית

67% מותאם אישית
צבע מותאם אישית
https://progress.rocks/67/?title=מותאם אישית&color=ff6b6b
67.65% התקדמות התקנה
פס רחב
https://progress.rocks/67.65/?title=התקדמות התקנה&width=300

אינטגרציה

Markdown

![Progress](https://progress.rocks/67/?title=פרויקט)

HTML

<img src="/85/?title=הושלם" alt="85% Complete">

קישור ישיר

https://progress.rocks/75/