Полная Версия: Показать результаты голосования в процентах на JS
Всем привет. Говорю сразу то что мне надо, мне нужно на чистом JavaScript. Так вот например есть у меня голосование Вопрос и снизу 2 варианта ответа - Да Нет к примеру. Так вот как только он нажал на какойто ответ произошел аякс запрос и обнавил количество голосов в БД. Так вот с этим проблем нет. А как потом вместо голосования вывести его результаты в процентах и показать (на подобии проццес бара) картинками это все. Пример на картинке
Если вам нужно не динамически изменяющийся прогресс-бар, то вполне подойдет такая конструкция
HTML
CSS
_____________
Заработок для веб-разработчиков: CodeCanyon
Мое Портфолио
HTML
<div class="progress-bar">
<div class="progress-line" style="width:52%"></div> <!-- width вычисляется либо через JS либо на стороне сервера и подставляется. -->
</div>
CSS
.progress-bar {
position:relative;
width:500px;
height:20px;
}
.progress-line {
position:absolute;
background-color:#f2f2f2;
}
_____________
Заработок для веб-разработчиков: CodeCanyon
Мое Портфолио
forza странное но ничего не выводит
На коленках собрал ХТМЛ код страницы. У меня линия прекрасно видна.
Думаю остается делом техники внедрить это в проект -)
_____________
Заработок для веб-разработчиков: CodeCanyon
Мое Портфолио
Думаю остается делом техники внедрить это в проект -)
<html>
<head>
<style type="text/css">
.progress-bar {
position:relative;
width:500px;
height:20px;
border:1px solid grey;
}
.progress-line {
position:absolute;
background-color:#f2f2f2;
border-right:2px solid red;
height:20px;
}
</style>
</head>
<title>Hello</title>
<body>
<div class="progress-bar">
<div class="progress-line" style="width:52%"></div> <!-- width вычисляется либо через JS либо на стороне сервера и подставляется. -->
</div>
</body>
</html>
_____________
Заработок для веб-разработчиков: CodeCanyon
Мое Портфолио
?
Yes, my capitan.
| Цитата (Guest @ 29.10.2012 - 06:10) |
| |
ЗЫ) это шо за неявное выражение эмоции?
Здесь расположена полная версия этой страницы.