Home/ Questions/Q 9253769
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T11:18:07+00:00

Hey all i have a very tricky poll that i am working on. I

  • 0

Hey all i have a very tricky poll that i am working on.

I have a questionnaire that once you select one of the check-boxes you submit your answer and then in the same div it will hide the poll and show the results so far that have been cast in percentage bars showing the results (as a percent) on each option.

Below is basically what i want it to look like. I have the results showing now as a percentage e.g. 66%, 33% etc etc. So how would i go about outputting the results into percentage bars like below.

The results are all generated server side so i just need to convert the percentages to the bars.

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I don’t see your picture.

    If you want to draw percentage like a progress bar, you could have one DIV with specified width (as your background) and a second div inside representing the progress value.

    <div id="percentageContainer">
    <div id="percentageValue"></div>
</div>

    With some CSS rules, you can easily draw what you desire.

    For example, set your first DIV with a fixed width and relative position, and set your second width with absolute position (positionned on left top) and a width set to 0.

    Then tou can update the width of the second width to simulate your progress bar.

    Here is a full working example : http://jsfiddle.net/ZK3VK/

    • 0