Javascript 如何将动画和百分比添加到knobInput上

我正在尝试添加百分比符号和一个闪亮的旋钮

以下内容在我的app.R中：

library(shiny)
library(shinydashboard)
library(shinyWidgets)

ui <- dashboardPage(
    dashboardHeader(),
    dashboardSidebar(),
    dashboardBody(
        knobInput(
            inputId = "knoby",
            label = "Hello World:",
            value = 69,
            min = 0,
            max = 100,
            lineCap = "round",
            angleOffset = -125,
            angleArc = 250,
            rotation = 'clockwise',
            fgColor = "#428BCA",
            inputColor = "#428BCA",
            readOnly = TRUE
        ),
        tags$script(HTML(" $(\"knoby\").knob({ 'draw' : function () { $(this.i).val(this.cv + '%') } });"))
    )
)


server <- function(input, output) {

}

# Run the application 
shinyApp(ui = ui, server = server)

在尝试实现动画并以百分比形式显示数字时，哪里会出错

       $('.knob').each(function () {

           var $this = $(this);
           var myVal = $this.attr("rel");
           $this.knob();

           $({
               value: 0
           }).animate({
               value: myVal
           }, {
               duration: 3000,
               easing: 'swing',
               step: function () {
                   $this.val(Math.ceil(this.value)).trigger('change');

               }
           })
       });