react-loading-progress/dist/components/Circle.js

Loading display components

import React from "react";

export default (function () {
  return React.createElement(
    "svg",
    {
      width: "200px",
      height: "200px",
      viewBox: "0 0 100 100",
      preserveAspectRatio: "xMidYMid",
      className: "lds-rolling",
      style: { background: "none" }
    },
    React.createElement(
      "circle",
      {
        cx: 50,
        cy: 50,
        fill: "none",
        "ng-attr-stroke": "{{config.color}}",
        "ng-attr-stroke-width": "{{config.width}}",
        "ng-attr-r": "{{config.radius}}",
        "ng-attr-stroke-dasharray": "{{config.dasharray}}",
        stroke: "#28292f",
        strokeWidth: 10,
        r: 35,
        strokeDasharray: "164.93361431346415 56.97787143782138",
        transform: "rotate(318 50 50)"
      },
      React.createElement("animateTransform", {
        attributeName: "transform",
        type: "rotate",
        calcMode: "linear",
        values: "0 50 50;360 50 50",
        keyTimes: "0;1",
        dur: "1s",
        begin: "0s",
        repeatCount: "indefinite"
      })
    )
  );
});