javascript - 實現如下圖的投票功能

實現功能如下：1.點擊投票記錄資料，下面的進度條也隨之改變！

回複內容：

實現功能如下：1.點擊投票記錄資料，下面的進度條也隨之改變！

這個點擊有的時候，上邊加1，點擊否，否上邊加1。進度條，分兩部分吧，一開始兩邊都是50%，然後分別擷取有和否的上面的個數，除以有和否之和，然後把小數點拼接轉換成百分比，分別賦值給有和否所佔的比例，最後再把算出比例所佔的寬，賦值給有和否所佔的寬。更新進度條。

首先需要用Ajax像後台php提交投票 成功失敗返回提示

jq下：

在Ajax中 success 中對進度條進行操作 如果是用寬度控制 直接修改兩側的百分比然後調整寬度

沒測試 大意是這樣

$.ajax({    url:"url",    dataType:"json",    type:'POST',    data:{        'vote': 'red',        'user': 1    },    success: function(data) {        if(data['err'] == 1){            alert('repeat err');        }else{            $('#ProgressRed').css({"width":data['score']});            $('#ProgressBlue').css({"width":100 - data['score']});        }    },    error: function(x) {        if (console) {            console.log(x);        }    }});

這個的思路是這樣：
下面的進度條分為三個div：container div、blue div 、red div
也就是說點擊投票時需要分別計算藍紅div的進度，加起來綜合是100%。

用ajax吧，提交資料返回處理好的比例進行顯示就ok了

具體實現你需要整理一下：
我先提供一個連結，
http://seiyria.com/bootstrap-slider/
可以參考一下：http://www.cnblogs.com/zxyun/
可以解決下面拖動條（禁用拖動事件）的顯示問題，
然後上面和下面分兩步處理，上面做資料操作，下面做資料顯示，不同步操作！

