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/