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

progress.111111

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

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

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

<link rel="stylesheet" href="https://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

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


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

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

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

newslatter

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

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

ارتباط با ما
Email: info@blog-theme.ir
Adress: IRAN

پیوند ها

best web design software