Web development for OU Campus & higher education

Create a Progress Bar in OU Campus

By | 2018-01-24

Looking for an animated progress bar to add into OU Campus? This code lets your users easily manage your donation or project progress using a simple table transformation.

Link to this headingOverview

This code demo available on GitHub allows you to create a loading progress bar that is managed from a table transformation within OmniUpdate’s OU Campus. The CSS and JavaScript must be added into your page either by including it into your global files or making a separate call to each. The jQuery library must be loaded prior to calling the JavaScript code. Developers: If you add on any helpful additions, please make a Pull Request!

Link to this headingSnippet Example

Goal Percentage Complete Current Donation Value
$20 million 28 $5,608,000

Link to this headingOutput Demo

Web development for OU Campus & higher education