自定义progress line的颜色和透明度

默认的颜色和透明度很不显眼，可以用下面的css自定义；
颜色分为三部分，由左开始在progress line上分三段渐变显示，跟在rgb值后面的是颜色的透明度。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tab-progress > .progress-bar,#urlbar-progress > .progress-bar 
{background-image: -moz-linear-gradient(left, rgba(39,197,255,.5),
                                               rgba(39,197,255,.7),
                                               rgba(39,197,255,.95)) !important;}

更新一下，地址栏和标签的progress line分开单独设置，前面是标签上的，后面是地址栏的；

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tab-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(39,197,255,.5),
                                               rgba(39,197,255,.7),
                                               rgba(39,197,255,.95)) !important;}

#urlbar-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(127,255,0,.3),
                                               rgba(127,255,0,.6),
                                               rgba(127,255,0,.85)) !important;}

效果图：

改成IE那种绿色颜色代码是啥?

这个色用啥软件可以知道代码?

ie哪里的颜色？
带有调色板的程序都可以看见颜色的rgb值。

试试这个，看着效果不错

画笔行么?在啥地方?我图画白痴

SASCSI：画笔行么?在啥地方?我图画白痴回到原帖

xp下画图程序，颜色-编辑颜色-规定自定义颜色；
就可以看见了，那个红绿蓝分别代表rgb。

这些css信息都是哪里找到的啊？

赞哦~
不过蓝色在Win7下有点看不清楚
我换成酸橙色 醒目很多

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tab-progress > .progress-bar,#urlbar-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(0,255,0,.5),
                                               rgba(0,255,0,.7),
                                               rgba(0,255,0,.95)) !important;}

想自己换颜色的同学可以参照附图

ryanhp：这些css信息都是哪里找到的啊？回到原帖

firefox里自带的用来定义progress line的代码，我把它提取出来。


楼上是个好同学。

Show一下我的

谢了，改了个纯黄，跟Tab Utilities的锁定颜色相符合。

不错，收了，有空试下

很实用，谢谢了

alanfly：
firefox里自带的用来定义progress line的代码，我把它提取出来。


楼上是个好同学。 回到原帖

"firefox里自带的用来定义progress line的代码",progress line的代码在哪里呢，在fx源代码里吗？还是在fx某个文件里？  

这个真方便。不错

我的...

.tab-progress > .progress-bar,#urlbar-progress > .progress-bar
{background-image: -moz-linear-gradient(left, yellow,
                                               orange,
                                               red) !important;}