<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" xmlns:xi="http://www.w3.org/2001/XInclude" type="guide" style="task" id="progressbar.vala" xml:lang="cs">

  <info>

  <title type="text">ProgressBar (Vala)</title>

    <link type="guide" xref="beginner.vala#display-widgets"/>

    <revision version="0.1" date="2012-05-08" status="draft"/>

    <credit type="author copyright">

      <name>Tiffany Antopolski</name>

      <email its:translate="no">tiffany.antopolski@gmail.com</email>

      <years>2012</years>

    </credit>

    <desc>Widget, který graficky znázorňuje průběh</desc>

  </info>

  <title>ProgressBar</title>

  <media type="video" mime="application/ogv" src="media/progressbar_fill.ogv"/>

  
Tento ProgressBar je po částech „vyplňován“, dokud lišta není plná.

public class MyApplication : Gtk.Application {

	Gtk.ProgressBar progress_bar;

	protected override void activate () {

		var window = new Gtk.ApplicationWindow (this);

		window.set_title ("ProgressBar Example");

		window.set_default_size (220, 20);

		progress_bar = new Gtk.ProgressBar ();

		window.add (progress_bar);

		window.show_all ();

		double fraction = 0.0;

		progress_bar.set_fraction (fraction);

		GLib.Timeout.add (500, fill);

	}

	bool fill () {

		double fraction = progress_bar.get_fraction (); //get current progress

		fraction += 0.1; // Zvýší o 10% pokaždé, když je tato funkce zavolána is called

		progress_bar.set_fraction (fraction);

		/* Tato funkce je volána jen z GLib.Timeout.add, přičemž vrací true */

		if (fraction < 1.0)

			return true;

		return false;

	}

}

public int main (string[] args) {

	var progress_bar_application = new MyApplication ();

	int status =  progress_bar_application.run (args);

	return status;

}

V této ukázce se používá následující:

<list>

  <item>
<link href="http://www.valadoc.org/gtk+-3.0/Gtk.ProgressBar.html">Gtk.ProgressBar</link>
</item>

  <item>
<link href="http://www.valadoc.org/glib-2.0/GLib.Timeout.html">GLib.Timeout</link>
</item>

</list>

</page>