p：progressbar是否可以插入圖片？

我想插入一張圖片來分隔進度條的「限制」。p：progressbar是否可以插入圖片？

因此，右側是紅色的，比我有我的小圖片，其次是綠色側

這可能嗎？

來源

2017-08-24 Jean

你給它一個鏡頭？例如。使用CSS？非常簡單，至少嘗試自己...檢查進度條的HTML（客戶端的HTML，而不是服務器端的XHTML），並有創意。 CIient方面它只是HTML，CSS和JavaScript – Kukeltje

當然，我已經嘗試過。我的問題不在於插入綠色和紅色。這更多的是讓我的照片在顏色之間，我仍然努力做到這一點（抱歉，但我是一個初學者） – Jean

圖像也可以作爲背景添加...使用JSF並不意味着你不應該學習HTML和CSS。而且總是發佈你試過的東西。不僅在文本中，而且在代碼中。見[問]。基本上這是一個普通的html/css問題。 – Kukeltje

客戶端它只是html，css和javascript。一個CSS線性漸變已的偉大工程（10邊界和90％）

.ui-progressbar { 
    background: -moz-linear-gradient(left, rgba(0,255,0,1) 0%, rgba(0,255,0,0) 10%, rgba(255,0,0,0) 90%, rgba(255,0,0,1) 100%); 
    background: -webkit-linear-gradient(left, rgba(0,255,0,1) 0%,rgba(0,255,0,0) 10%,rgba(255,0,0,0) 90%,rgba(255,0,0,1) 100%); 
    background: linear-gradient(to right, rgba(0,255,0,1) 0%,rgba(0,255,0,0) 10%,rgba(255,0,0,0) 90%,rgba(255,0,0,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#ff0000',GradientType=1); 
}

如果你想將其與圖像結合起來，見

How do I combine a background-image and CSS3 gradient on the same element?

來源

2017-08-24 10:08:22 Kukeltje

p：progressbar是否可以插入圖片？

回答

相關問題