نوار پیشرفت

[aliyaghobi]

سلام دوستان
تو سایتم هر کاربر میتونه حداکثر 5 تا برگه درست کنه که کد نوار پیشرفتش (progress bar) به این صورته:


if($this->pro()){ $p = $this->db->count("splash","userid='{$this->userid}'") / $this->max_splash *100; $menu.="<h3>".e("Splash Pages")."</h3>"; $menu.='<div class="progress side-stats"> <div class="progress-bar'.($p >= 80?' progress-bar-danger':'').'" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: '.$p.'%;"> </div> </div>';
}

من میخوام به این صورت نمایش بده که وقتی کمتر از 3 تا برگه درست کرد با progress-bar-success نشون بده وقتی 3 و بیشتر از 3 رو با progress-bar-warning و 4 و بیشتر از 4 رو با progress-bar-danger نشون بده مثل عکس زیر:

128925


امیدوارم منظورمو رسونده باشم
ممنون میشم راهنماییم کنید
با سپاس

[aliyaghobi]

قصد اسپم دادن ندارم ولی یه هفته شده کسی نمیتونه کمکم کنه؟!
خواهشن :متفکر:

[golbafan]

سلام از 3 تا پروگرسبار در کنار هم استفاده کنید با رنگهای مختلف :لبخندساده:

این کامپوننت دقیقا اونچه که میخواید رو داره
http://geersch.github.io/bootstrap-progressbar/
https://dl.dropbox.com/u/40603470/bootstrap-progressbar/bar.png

[MMSHFE]

خود bootstrap داره:
http://getbootstrap.com/components/#progress-stacked

[MMSHFE]

تست نکردم ولی باید کار کنه:

if($this->pro()) {
$p = $this->db->count("splash","userid='{$this->userid}'") / $this->max_splash * 100;
// part perecents are 60% (3 of 5), 80% (4 of 5), and 100% (5 of 5)
if($p > 80) {
$part1 = 60;
$part2 = 20; // 20 + 60 = 80
$part3 = $p - 80;
}
elseif($p > 60) {
$part1 = 60;
$part2 = $p - 60;
$part3 = 0;
}
else {
$part1 = $p;
$part2 = 0;
$part3 = 0;
}

$menu .= '<h3>' . e('Splash Pages') . '</h3>' . PHP_EOL;
$menu .= '<div class="progress side-stats">' . PHP_EOL;
if($part1 > 0) {
$menu .= '<div class="progress-bar progress-bar-success" style="width:' . $part1 . '%;"></div>' . PHP_EOL;
}
if($part2 > 0) {
$menu .= '<div class="progress-bar progress-bar-warning progress-bar-striped" style="width:' . $part2 . '%;"></div>' . PHP_EOL;
}
if($part3 > 0) {
$menu .= '<div class="progress-bar progress-bar-danger" style="width:' . $part3 . '%;"></div>' . PHP_EOL;
}
$menu .= '</div>' . PHP_EOL;
}