کد ایجاد نمودار با سی اس اس سری دوم

کد ایجاد نمودار با سی اس اس سری دوم  این کد شبیه به کد پست قبلی بوده با استایل جدید .درصد نمودار قابل تغییره اما رنگش مثل نمودار قبلی واکنش نشون نمیده و نسبت به درصد تغییر نمیکنه…

امیدوارم از این کد لذت برده باشید…

کد ایجاد نمودار با سی اس اس سری دوم

دمو کد

<link rel="stylesheet" href="http://dl.codebazan.ir/uploads/1478522414.css"><div style="display:none"><h1><a title="codebazan" href="https://codebazan.ir">codebazan</a></h1></div>

<div class="container">
 <div class="record"><div class="bar" style="width:55%;"><span>نمودار ۱</span></div><div class="p"><span>55%</span></div></div>
 <div class="record"><div class="bar" style="width:30%;"><span>نمودار۲</span></div><div class="p"><span>30%</span></div></div>
 <div class="record"><div class="bar" style="width:22%;"><span>نمودار۳</span></div><div class="p"><span>22%</span></div></div>
 <div class="record"><div class="bar" style="width:20%;"><span>نمودار۴</span></div><div class="p"><span>20%</span>
</div></div></div>

برای تست کد ایجاد نمودار سری دوم میتوانید از ابزار پیش نمایش کدبازان استفاده نمایید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *