GTK+ 2.0 Tutorial
<<< Previous | Miscellaneous Widgets | Next >>>

# Progress Bars

Progress bars are used to show the status of an operation. They are pretty easy to use, as you will see with the code below. But first lets start out with the calls to create a new progress bar.

    GtkWidget *gtk_progress_bar_new( void );

Now that the progress bar has been created we can use it.

    void gtk_progress_bar_set_fraction ( GtkProgressBar *pbar,
                                         gdouble        fraction );

The first argument is the progress bar you wish to operate on, and the second argument is the amount "completed", meaning the amount the progress bar has been filled from 0-100%. This is passed to the function as a real number ranging from 0 to 1.

GTK v1.2 has added new functionality to the progress bar that enables it to display its value in different ways, and to inform the user of its current value and its range.

A progress bar may be set to one of a number of orientations using the function

    void gtk_progress_bar_set_orientation( GtkProgressBar *pbar,
                                           GtkProgressBarOrientation orientation );

The `orientation` argument may take one of the following values to indicate the direction in which the progress bar moves:

      GTK_PROGRESS_LEFT_TO_RIGHT
      GTK_PROGRESS_RIGHT_TO_LEFT
      GTK_PROGRESS_BOTTOM_TO_TOP
      GTK_PROGRESS_TOP_TO_BOTTOM

As well as indicating the amount of progress that has occured, the progress bar may be set to just indicate that there is some activity. This can be useful in situations where progress cannot be measured against a value range. The following function indicates that some progress has been made.

    void gtk_progress_bar_pulse ( GtkProgressBar *progress );

The step size of the activity indicator is set using the following function.

    void gtk_progress_bar_set_pulse_step( GtkProgressBar *pbar,
                                          gdouble         fraction );

When not in activity mode, the progress bar can also display a configurable text string within its trough, using the following function.

    void gtk_progress_bar_set_text( GtkProgressBar *progress,
                                    const gchar    *text );

| Note that gtk_progress_set_text() doesn't support the printf()-like formatting of the GTK+ 1.2 Progressbar.

You can turn off the display of the string by calling gtk_progess_bar_set_text() again with NULL as second argument.

The current text setting of a progressbar can be retrieved with the following function. Do not free the returned string.

    const gchar *gtk_progress_bar_get_text( GtkProgressBar *pbar );

Progress Bars are usually used with timeouts or other such functions (see section on Timeouts, I/O and Idle Functions) to give the illusion of multitasking. All will employ the gtk_progress_bar_set_fraction() or gtk_progress_bar_pulse() functions in the same manner.

Here is an example of the progress bar, updated using timeouts. This code also shows you how to reset the Progress Bar.

    #include <gtk/gtk.h>

    typedef struct _ProgressData {
      GtkWidget *window;
      GtkWidget *pbar;
      int timer;
      gboolean activity_mode;
    } ProgressData;

    /* Update the value of the progress bar so that we get
     * some movement */
    static gboolean progress_timeout( gpointer data )
    {
      ProgressData *pdata = (ProgressData *)data;
      gdouble new_val;

      if (pdata->activity_mode)
        gtk_progress_bar_pulse (GTK_PROGRESS_BAR (pdata->pbar));
      else
        {
          /* Calculate the value of the progress bar using the
           * value range set in the adjustment object */

          new_val = gtk_progress_bar_get_fraction (GTK_PROGRESS_BAR (pdata->pbar)) + 0.01;

          if (new_val > 1.0)
    	new_val = 0.0;

          /* Set the new value */
          gtk_progress_bar_set_fraction (GTK_PROGRESS_BAR (pdata->pbar), new_val);
        }

      /* As this is a timeout function, return TRUE so that it
       * continues to get called */
      return TRUE;
    }

    /* Callback that toggles the text display within the progress bar trough */
    static void toggle_show_text( GtkWidget    *widget,
                                  ProgressData *pdata )
    {
      const gchar *text;

      text = gtk_progress_bar_get_text (GTK_PROGRESS_BAR (pdata->pbar));
      if (text && *text)
        gtk_progress_bar_set_text (GTK_PROGRESS_BAR (pdata->pbar), "");
      else
        gtk_progress_bar_set_text (GTK_PROGRESS_BAR (pdata->pbar), "some text");
    }

    /* Callback that toggles the activity mode of the progress bar */
    static void toggle_activity_mode( GtkWidget    *widget,
                                      ProgressData *pdata )
    {
      pdata->activity_mode = !pdata->activity_mode;
      if (pdata->activity_mode)
          gtk_progress_bar_pulse (GTK_PROGRESS_BAR (pdata->pbar));
      else
          gtk_progress_bar_set_fraction (GTK_PROGRESS_BAR (pdata->pbar), 0.0);
    }

    /* Callback that toggles the orientation of the progress bar */
    static void toggle_orientation( GtkWidget    *widget,
                                    ProgressData *pdata )
    {
      switch (gtk_progress_bar_get_orientation (GTK_PROGRESS_BAR (pdata->pbar))) {
      case GTK_PROGRESS_LEFT_TO_RIGHT:
        gtk_progress_bar_set_orientation (GTK_PROGRESS_BAR (pdata->pbar),
    				      GTK_PROGRESS_RIGHT_TO_LEFT);
        break;
      case GTK_PROGRESS_RIGHT_TO_LEFT:
        gtk_progress_bar_set_orientation (GTK_PROGRESS_BAR (pdata->pbar),
    				      GTK_PROGRESS_LEFT_TO_RIGHT);
        break;
      default:;
        /* do nothing */
      }
    }

    /* Clean up allocated memory and remove the timer */
    static void destroy_progress( GtkWidget    *widget,
                                  ProgressData *pdata)
    {
        g_source_remove (pdata->timer);
        pdata->timer = 0;
        pdata->window = NULL;
        g_free (pdata);
        gtk_main_quit ();
    }

    int main( int   argc,
              char *argv[])
    {
        ProgressData *pdata;
        GtkWidget *align;
        GtkWidget *separator;
        GtkWidget *table;
        GtkWidget *button;
        GtkWidget *check;
        GtkWidget *vbox;

        gtk_init (&argc, &argv);

        /* Allocate memory for the data that is passed to the callbacks */
        pdata = g_malloc (sizeof (ProgressData));

        pdata->window = gtk_window_new (GTK_WINDOW_TOPLEVEL);
        gtk_window_set_resizable (GTK_WINDOW (pdata->window), TRUE);

        g_signal_connect (G_OBJECT (pdata->window), "destroy",
    	              G_CALLBACK (destroy_progress),
                          (gpointer) pdata);
        gtk_window_set_title (GTK_WINDOW (pdata->window), "GtkProgressBar");
        gtk_container_set_border_width (GTK_CONTAINER (pdata->window), 0);

        vbox = gtk_vbox_new (FALSE, 5);
        gtk_container_set_border_width (GTK_CONTAINER (vbox), 10);
        gtk_container_add (GTK_CONTAINER (pdata->window), vbox);
        gtk_widget_show (vbox);

        /* Create a centering alignment object */
        align = gtk_alignment_new (0.5, 0.5, 0, 0);
        gtk_box_pack_start (GTK_BOX (vbox), align, FALSE, FALSE, 5);
        gtk_widget_show (align);

        /* Create the GtkProgressBar */
        pdata->pbar = gtk_progress_bar_new ();
        pdata->activity_mode = FALSE;

        gtk_container_add (GTK_CONTAINER (align), pdata->pbar);
        gtk_widget_show (pdata->pbar);

        /* Add a timer callback to update the value of the progress bar */
        pdata->timer = g_timeout_add (100, progress_timeout, pdata);

        separator = gtk_hseparator_new ();
        gtk_box_pack_start (GTK_BOX (vbox), separator, FALSE, FALSE, 0);
        gtk_widget_show (separator);

        /* rows, columns, homogeneous */
        table = gtk_table_new (2, 3, FALSE);
        gtk_box_pack_start (GTK_BOX (vbox), table, FALSE, TRUE, 0);
        gtk_widget_show (table);

        /* Add a check button to select displaying of the trough text */
        check = gtk_check_button_new_with_label ("Show text");
        gtk_table_attach (GTK_TABLE (table), check, 0, 1, 0, 1,
                          GTK_EXPAND | GTK_FILL, GTK_EXPAND | GTK_FILL,
    		      5, 5);
        g_signal_connect (G_OBJECT (check), "clicked",
                          G_CALLBACK (toggle_show_text),
                          (gpointer) pdata);
        gtk_widget_show (check);

        /* Add a check button to toggle activity mode */
        check = gtk_check_button_new_with_label ("Activity mode");
        gtk_table_attach (GTK_TABLE (table), check, 0, 1, 1, 2,
                          GTK_EXPAND | GTK_FILL, GTK_EXPAND | GTK_FILL,
                          5, 5);
        g_signal_connect (G_OBJECT (check), "clicked",
                          G_CALLBACK (toggle_activity_mode),
                          (gpointer) pdata);
        gtk_widget_show (check);

        /* Add a check button to toggle orientation */
        check = gtk_check_button_new_with_label ("Right to Left");
        gtk_table_attach (GTK_TABLE (table), check, 0, 1, 2, 3,
                          GTK_EXPAND | GTK_FILL, GTK_EXPAND | GTK_FILL,
                          5, 5);
        g_signal_connect (G_OBJECT (check), "clicked",
                          G_CALLBACK (toggle_orientation),
                          (gpointer) pdata);
        gtk_widget_show (check);

        /* Add a button to exit the program */
        button = gtk_button_new_with_label ("close");
        g_signal_connect_swapped (G_OBJECT (button), "clicked",
                                  G_CALLBACK (gtk_widget_destroy),
                                  G_OBJECT (pdata->window));
        gtk_box_pack_start (GTK_BOX (vbox), button, FALSE, FALSE, 0);

        /* This makes it so the button is the default. */
        GTK_WIDGET_SET_FLAGS (button, GTK_CAN_DEFAULT);

        /* This grabs this button to be the default button. Simply hitting
         * the "Enter" key will cause this button to activate. */
        gtk_widget_grab_default (button);
        gtk_widget_show (button);

        gtk_widget_show (pdata->window);

        gtk_main ();

        return 0;
    }

<<< Previous | Home | Next >>>
The Tooltips Object | Up | Dialogs