Poll example

Author:

Rai

Snipp created on:

2012-10-24 15:03:00

Description:

This is a great example of interface for poll results and an option for the user to take the poll and browse through detailed results.

Snipp preview:


Poll: Where do you usually browse
Windows PC30%
Mac40%
iPad/iPhone10%
Android5%
Others15%

Vote View detailed results


Snipp HTML code:

Like Bootsnipp? Please give a tip:

<div class="span6">
  <h5>Poll: Where do you usually browse</h5>
  <strong>Windows PC</strong><span class="pull-right">30%</span>
  <div class="progress progress-danger active">
      <div class="bar" style="width: 30%;"></div>
  </div>
  <strong>Mac</strong><span class="pull-right">40%</span>
  <div class="progress progress-info active">
      <div class="bar" style="width: 40%;"></div>
  </div>
  <strong>iPad/iPhone</strong><span class="pull-right">10%</span>
  <div class="progress progress-striped active">
      <div class="bar" style="width: 10%;"></div>
  </div>
  <strong>Android</strong><span class="pull-right">5%</span>
  <div class="progress progress-success active">
      <div class="bar" style="width: 5%;"></div>
  </div>
  <strong>Others</strong><span class="pull-right">15%</span>
  <div class="progress progress-warning active">
      <div class="bar" style="width: 15%;"></div>
  </div>
  <p>
  	<a href="#" class="btn btn-large btn-success">Vote</a>
    <a href="#" class="pull-right">View detailed results</a>
  </p>
</div>

Share this snipp:


Comments? :

comments powered by Disqus