من تونستم اینا رو پیدا کنمنوار پیشرفت یا همون progress bar بسیار زیبا همراه با انیمیشن جذاب و بسیار کم حجم
لینک ها تنها برای اعضای سایت قابل نمایش است.
آموزش نصب
فقط کافیه کدهای css را در داخل پروژه خود اضافه کنید و نوار پیشرفت با این کد فراخوانی کنید
رنگ سبز با انیمیشن
<div class="meter"> <span style="width: 25%"></span> </div>
1
2
3 | <div class="meter">
<span style="width: 25%"></span>
</div> |
نارنجی بدون انیمیشن
<div class="meter orange nostripes"> <span style="width: 33.3%"></span> </div>
1
2
3 | <div class="meter orange nostripes">
<span style="width: 33.3%"></span>
</div> |
قرمز با انیمیشن
<div class="meter red"> <span style="width: 80%"></span> </div>
1
2
3 | <div class="meter red">
<span style="width: 80%"></span>
</div> |
فایل در ضمیمه