sproutit / sproutcore

Home | Edit | New

Progress_view

Extends: view

A progress view creates a progress bar into the page.

Syntax:

Supports all options in view plus:

<%= progress_view :progress_bar_id, :minimum => 0, :maximum => 100, :indeterminate => true | false, :value => 50, :bind => { :value => … } %>

Where:

  • :minimum :: The minimum value of the progress bar.
  • :maximum :: The maximum value of the progress bar.
  • :value :: The current value of the progress bar.
  • :indeterminate :: If true then progress bar will be shown indeterminate

Styling the Progress Bar

An example stylesheet for the progress bar:

.progress { width: 100px; height: 10px; border: thin solid #AAAAAA; } .progress .inner { width: 0px; height: 10px; background-color: #AAAAAA; }

An example output:

Examples

Add some here!

Related Links

Comments

Pages feed

Last edited by sproutit, Fri Jun 27 22:30:25 -0700 2008
Home | Edit | New
Versions: