نوار پیشرفت حرفه ای در ۵ رنگ
دسته‌ها : کد های کاربردی , متفرقه ۱۰ مرداد ۱۳۹۴ - ۱۲:۵۳ امیر رضائی بدون نظر
خانه کد های کاربردیمتفرقه نوار پیشرفت حرفه ای در ۵ رنگ

progress.111111

ذر این پست قصد دارم تا یک کد کاربردی دیگه که برای برخی از وبلاگ ها و یا سایت ها مورد نیاز هست رو معرفی کنم. نوار پیشرفت کاملا” حرفه ای در ۵ رنگ متفاوت و با امکان درج درصد برای پیشرفت کار می تونه یک از بخش های مورد نیاز برای سایت های طراحی و یا آموزشی باشه

در زیر بسته دانلود این فایل با پیش نمایش کد گذاشته شده برای استفاده هم از آموزش زیر بهره ببرید:

در ابتدا قطعه کد زیر رو در قسمت head قالب خودتون اضافه کنید

<link rel="stylesheet" href="http://blog-theme.ir/demo/codex/moltikalour/style.css">

سپس یکی از کد های نوار پیشرفت با رنگ دلخواه خود را در وبلاگ یا سایت خود قرار بدید و درصد مورد نظر را وارد نمایید:

<div class="progress">
<span style="width: 20%;"><span>20%</span></span>
</div>

<div class="progress">
<span class="green" style="width: 40%;"><span>40%</span></span>
</div>

<div class="progress">
<span class="orange" style="width: 60%;"><span>60%</span></span>
</div>

<div class="progress">
<span class="red" style="width: 80%;"><span>80%</span></span>
</div>

<div class="progress">
<span class="blue" style="width: 100%;"><span>100%</span></span>
</div>

دانلود پیش نمایش

در صورت داشتن رمز : www.blog-theme.ir

حتما بخوانید  نمایش نوار پیشرفت حرفه ای با progress bar

امیر رضائی وبسایت


وردپرس را با تمام وجودم دوست دارم و از این رو چندین سال است در زمینه طراحی سایت های وردپرسی و طراحی پوسته های وردپرسی فعالیت می کنم و اعتقادم بر این است که انسان باید آموخته ها و تجربیات خود را با دیگران به اشتراک بگذارد بلاگ تم مکان اشتراک گذاری تجربیات و آموخته های من است

بهترین و راحت ترین راه برای ارتباط با شما کانال تلگرام بلاگ تم

newslatter

با اشتراک در خبرنامه از آخرین آموزش ها و خدمات مطلع شوید !

از عضویت شما در خبرنامه بلاگ تم متشکریم!
best web design software

امتیاز دهید