AngularJS应用程序中的循环进度条

Question

我正在开发一个AngularJS应用程序，我想显示一个像这样的循环进度条：

这种类型的图表应该使用什么？我尝试了角度进度弧，但我无法从我的图像中获得不完整的圆圈。

Answer 1

Angular Material提供了许多有用的UI元素，包括循环进度条。您可以在知道值时设置确定值。在这里查看他们的演示：https://material.angularjs.org/latest/demo/progressCircular

<?php
/*
Plugin Name: Test Autoload
Plugin URI:  http://autoload.com
Description: Test Autoload
Version:     1.0
*/

if(!class_exists('Test_Autoload')) {

    final class Test_Autoload {

    public function __construct() {
            Test_Autoload::register();
        }

        /**
         * Registers Test_Autoload Loader as an SPL autoloader.
         *
         * @param boolean $prepend
         */
        public static function register($prepend = false)
        {
            if (version_compare(phpversion(), '5.3.0', '>=')) {
                spl_autoload_register(array(new self, 'autoload'), true, $prepend);
            } else {
                spl_autoload_register(array(new self, 'autoload'));
            }
        }

        /**
         * Handles autoloading of Test_Autoload classes.
         *
         * @param string $class
         */
        public static function autoload($class)
        {

            $class = plugin_dir_path(__FILE__) . 'admin/classes/' . $class .'.php';


            // If the specified $class does not include our namespace return

            if ( false === strpos( $class, 'Test_Autoload' ) ) {
            return;
            }

            if (is_file($class)) {
                require_once($class);
            } else {
                wp_die("The file attempting to be loaded at $class does not exist.");
            }
        }

    }

}