Fixes rotation animation for Safari

The optional rotation animation (e.g. for displaying a "busy" indicator) hat not worked in recent Safari versions. This patch release fixes that issue

Fix checkComplete content plug-in

Fixed a bug resulting in a too large check mark icon if the plug-in was used in CSS mode with a ring chart and with the cssClassBackgroundCircle option set instead of backgroundColor.

FIX concerning CSS mode and color option

Now, if CSS mode is enabled, the color option is always ignored. Before, in some cases (like combining a color function with CSS mode) some unexpected behaviour could occur.
This new rule is conistent with the original aim that in CSS mode no local color definitions apply.

CSS Mode for Content Plug-ins

In CSS mode (mode: $.fn.progressPie.Mode.CSS) the charts can be styled via CSS instead of script options. This support has now been extended to the included content plug-ins (control-icons, check, error and warning icons, as well as value display): These may now easily be styled via CSS instead of JavaScript options.

So for example a website stylesheet for a corporate design may now simply also style the pie charts and their content plug-ins as well, re-using a common color scheme (maybe defined with a language like Less or Sass), or enabling style switching or easy changes to a common color scheme at one place without having to edit and script files accordingly.

CSS rotation

The optional rotation animation (see 'rotation' option) has been changed from a SMIL to a CSS implementation. This does not yet improve browser support, since Internet Explorer and MS Edge still don't support the rotation, but while the older SMIL implementation will probably never work in MS Edge, the CSS transformation is, as far as I know, a feature that will be supported at least by Edge in the (hopefully near) future.
Also this new implementation allows for the rotation option to be used inside an inner option object, too. This means, if you have multiple rings in one chart, not only the outer one, but any ring may be rotated (independently of the others).

Form input support with auto-update, titles

You may now use a form input element as value source, and an event handler is automatically added to that input which updates the chart upon changes.
Also, titles may now be added to the chart and/or single values (like rings), comparable to the title attribute of HTML elements. Desktop browsers, for example, will show these titles when the mouse cursor rests on the chart.

Patch progresspiesvgAppl.js

Fixed: The attribute "data-percent" was ignored if class "red" or "green" was added.

optionsByRawValue

Introduced new option optionsByRawValue.
Example page shows new hours-minutes-seconds-countdown example utilizing this option.

v2.2.0

Optional boolean argument "replace" added to setupProgressPie() function in order to support optional replacement of previous setups instead of always just merging new options into previous setup.

v2.1.0

• New options for alignment of ring graph with background circle and for adding a margin or padding around the graph.
• The content plug-in API has been improved. It now supports drawing content either in the foreground or in the background.
• Also, more than one content plug-in can now be added to a graph.
• New content plug-in image for adding external images as e.g. background or ring content.