Progressmeter
Prev 1. XUL Components Next

Progressmeter

Progressmeter is a bar that indicates how much of a task has been completed. It includes itself and a image.

The outline of Progressmeter

CSS Definition

Description

Default Values

div.progressmeter

The outline of progressmeter

border-top: 1px solid #666;

border-left: 1px solid #666;

border-bottom: 1px solid #bbb; border-right: 1px solid #bbb;

text-align: left;

span.progressmeter-img

The image of progressmeter

display:-moz-inline-box; display:inline-block;

background-image: url(${c:encodeURL('~./zk/img/prgmeter.gif')});

height: 10px;

font-size:0;

Customize the Background of Progressmeter

The way to customize the background of progressmeter is change image as follows.

span.progressmeter-img {
    background-image: url(/somewhere/green.gif);    
}

Customize the Height of Progressmeter

The way to customize the height of progressmeter is change height as follows.

span.progressmeter-img {
    height:20px;
Prev Up Next
Popup Home Separator