主頁 > 知識庫 > CSS漸變統(tǒng)計柱形圖

CSS漸變統(tǒng)計柱形圖

熱門標簽:智能語音電銷機器人客戶端 申請400電話移動 上海400電話辦理到易號網 廣州防封電銷機器人廠家 常州電話外呼系統(tǒng)招商 山東電銷機器人軟件 南通電銷外呼系統(tǒng)軟件 洛陽防封卡外呼系統(tǒng)廠家 成都企業(yè)外呼系統(tǒng)

用作圖工具作一個漸變的長度.看起來能好看一點(寬:187px;高15px)
本來設想是當12%時,圖片從左到12%的位置顯示,余下的88%不顯示,但不占地(看起來和1px的圖片底沒什么區(qū)別).下午時去網羅了一班.發(fā)現(xiàn)不占地是不太可能的.
要隱藏圖片余下的百分比,先想到了評分.亮和暗用了一張圖片,各占圖片總高度的一半.我寫下了:
div style="background:url(...) 12% left;width:187px;height:15px;">/div>
依次從10%-100%,見不到效果,換span>/span>這個是可以不過在盒子內必須要有內容.
昨天晚上沒寫出來.下午google了也沒有找到類4漸變的.不過從其中一個示例中得到了靈感.
URL:http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id=55
中的:Complex CSS Bar Graph
馬上得到了這個: 


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

有同需求的兄弟可以參考一下

標簽:貴州 混顯 邵陽 廣安 萊蕪 鶴壁 賀州 滄州

巨人網絡通訊聲明:本文標題《CSS漸變統(tǒng)計柱形圖》,本文關鍵詞  CSS,漸變,統(tǒng)計,柱形圖,CSS,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《CSS漸變統(tǒng)計柱形圖》相關的同類信息!
  • 本頁收集關于CSS漸變統(tǒng)計柱形圖的相關信息資訊供網民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章