function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
pradeep kumar yadavpradeep kumar yadav 

Progress Bar in Visualforce Page

I am using this code from this link https://www.lightningdesignsystem.com/components/progress-ring 
 
<div class="slds-progress-ring">
  <div class="slds-progress-ring__progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100">
    <svg viewBox="-1 -1 2 2">
      <path class="slds-progress-ring__path" id="slds-progress-ring-path" d="M 1 0 A 1 1 0 1 1 1 -2.4492935982947064e-16 L 0 0" />
    </svg>
  </div>
  <div class="slds-progress-ring__content"></div>
</div>


But a round black ring appears.
I tried every documentation and process specified in trailhead https://trailhead.salesforce.com/modules/lightning_design_system/units/lightning-design-system5