Primefaces p:progressbar可以插入图片吗？

我想插入一张图片来分隔进度条的“限制”

因此，右边是红色，而不是我的小照片，后面是绿色

---

可能吗

客户端只需html、css和javascript即可。css线性渐变已经非常有效（10%和90%的边界）

如果要将其与图像组合，请参见

---

你试过了吗？例如，使用CSS？很简单，至少自己试试。。。检查progressbar的html（客户端html，而不是服务器端xhtml）并保持创造性。客户端全部是html、css和JavaScription，当然我已经尝试过了。我的问题不是插入绿色和红色。这更多的是关于让我的图片在颜色之间，我仍然在努力做到这一点（对不起，但我是一个初学者），图像也可以添加为背景。。。使用JSF并不意味着不应该学习html和css。总是，总是张贴你尝试过的东西。不仅在文本中，而且在代码中。看见基本上这是一个简单的html/css问题。

.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 );
}