Добрый день, сегодня захотел визуально дополнить блок «выполнение цели», который находиться у меня в сайдбаре. Раньше у меня выводилось только в процентах, а сейчас ещё добавил progress bar, который более наглядно показывает нынешнюю ситуацию.
Про то как это всё работает, я и опишу ниже.
Если мы хотим выводить progress bar, то нам нужно получить значение, на основе которого будет строиться сама полоска. Это может быть количество посетителей в день, месяц, подписчики, в общем всё что угодно, главное что бы мы могли получить числовое значение. В моём случае это количество уникальных посетителей в день, взятых в среднем за последние 7 дней.
Код
Код скрипта в sidebar.php:
$content = file_get_contents(«http://counter.yadro.ru/values?site=cospi.ru»);
preg_match_all(«|LI_([^ ]+) = (d*);|»,$content,$ok);
for($i=0; $i<count($ok[1]); $i++) $info[$ok[1][$i]]=$ok[2][$i];
return $info;}
$ff=listat($url);
$w_vis=((($ff[week_vis]/7)*100)/700);// Высчитываем средние значение посетителей
$cel =round($w_vis,2);?>
[week_vis] — получаем значение уникальнных посетителей за неделю по Li, так же от туда можно сграбить
[today_vis] — посетители за сегодня. Зайдя на http://counter.yadro.ru/values?site=вашсайт.ру вы увидите все доступные значения.
Вывод всего блока со значениями:
</span></div>
Строчка style=»width: %» оформляет размер нашего progress bara в зависимости от значения полученного от скрипта, то есть если скрипт отдаёт 30%, то мы увидим такое:
Если скрипт насчитает 60%, наш progress bar увеличит свою ширину вот так:
Оформление
Оформление в css у меня выглядит вот так:
Многие блогеры ставят себе цели по достижению количество подписчиков на блоге. Поможет получить численное значение подписчиков по feedburner вот такой скрипт:
$fburl=«http://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=Cospi»;
$grid = new SimpleXMLElement(file_get_contents($fburl));
echo $grid->feed->entry[‘circulation’]; //Вывод числового значения подписч.
?>
Таким способом можно оформить практически любую цель и когда вы постоянно видите свой прогресс, то более рационально можете построить свою работу, по достижению поставленных целей.
