نوار پیشرفت حرفه ای در ۵ رنگ
دسته‌ها : گرافیک, وکتور سه شنبه, بهمن ۱۳, ۱۳۹۴ admin دیدگاه ها3

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

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


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

مطالب مشابه با این موضوع

بالا رفتن