JS Radial Progress

Overview

The JS Radial Progress module is used for animating an SVG ring to show percentage progress.

Methods

RadialProgressHandler.setPercentage($element, percentage, update)

Given a .js-radial-progress element, set its value for data-radial-progress-percent to percentage. If update is true, also call RadialProgressHandler.update($element)

RadialProgressHandler.update($element)

Given a .js-radial-progress element, update its stroke-dashoffset to reflect its value for data-radial-progress-percent.

Examples

Basic Radial Progress