circular

Circular layout rendering options.

<script type="text/javascript">
    $(function () {
        $("#progress").shieldProgressBar({
            min: 0,
            max: 100,
            value: 30,
            layout: "circular",
            layoutOptions: {
                circular: {
                    width: 20,
                    color: "#197BB5",
                    colorDisabled: "#C4C4C4",
                    borderColor: "#C4C4C4",
                    borderWidth: 1,
                    backgroundColor: "white"
                }
            }
        });
    });
</script>