Object Hierarchy:

Object hierarchy for ProgressBar


public class ProgressBar : Widget, Implementor, Buildable, Orientable

The ProgressBar is typically used to display the progress of a long running operation.

It provides a visual clue that processing is underway. The GtkProgressBar can be used in two different modes: percentage mode and activity mode.

When an application can determine how much work needs to take place (e.g. read a fixed number of bytes from a file) and can monitor its progress, it can use the GtkProgressBar in percentage mode and the user sees a growing bar indicating the percentage of the work that has been completed. In this mode, the application is required to call set_fraction periodically to update the progress bar.

When an application has no accurate way of knowing the amount of work to do, it can use the ProgressBar in activity mode, which shows activity by a block moving back and forth within the progress area. In this mode, the application is required to call pulse periodically to update the progress bar.

There is quite a bit of flexibility provided to control the appearance of the ProgressBar. Functions are provided to control the orientation of the bar, optional text can be displayed along with the bar, and the step size used in activity mode can be set.

CSS nodes

├── [text]
╰── trough[.empty][.full]
╰── progress[.pulse]
as a main CSS node with name progressbar and subnodes with names text and trough, of which the latter has a subnode named progress. The text subnode is only present if text is shown. The progress subnode has the style class .pulse when in activity mode. It gets the style classes .left, .right, .top or .bottom added when the progress 'touches' the corresponding end of the GtkProgressBar. The .osd class on the progressbar node is for use in overlays like the one Epiphany has for page loading progress.


Example: ProgressBar:

public class Application : Gtk.Window {
public Application () {
// Prepare Gtk.Window:
this.title = "My Gtk.ProgressBar";
this.window_position = Gtk.WindowPosition.CENTER;
this.destroy.connect (Gtk.main_quit);

// The ProgressBar:
Gtk.ProgressBar bar = new Gtk.ProgressBar ();
this.add (bar);

// Display text:
bar.set_text ("My progress");
bar.set_show_text (true);

// Fill the bar:
GLib.Timeout.add (500, () => {
// Get the current progress:
// (0.0 -> 0%; 1.0 -> 100%)
double progress = bar.get_fraction ();

// Update the bar:
progress = progress + 0.2;
bar.set_fraction (progress);

// Repeat until 100%
return progress < 1.0;

public static int main (string[] args) {
Gtk.init (ref args);

Application app = new Application ();
app.show_all ();
Gtk.main ();
return 0;

valac --pkg gtk+-3.0 Gtk.ProgressBar.vala

Namespace: Gtk
Package: gtk+-3.0



Creation methods:


Inherited Members:

All known members inherited from class Gtk.Widget
All known members inherited from interface Atk.Implementor
All known members inherited from interface Gtk.Orientable