Question

我想插入一张图片来分隔限制＆＃39;进度条。

因此右侧会是红色，而不是我的小照片，然后是绿色的一面

有可能吗？

Answer 1

客户端它只是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?

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

1 个答案: